Html 保持我的街区对齐

我有一个带有单元格的表格，在我的单元格中有一个带有

html:

我的pb是当我隐藏一个
块时，我的块不再正确对齐，怎么了

这是因为当设置为
display:none
时，表格单元格的默认垂直对齐方式补偿了项目显示的更改。元素不再具有任何尺寸，这将反映在布局上。由于表格单元格的默认垂直对齐方式为
middle
，如果通过更改其显示值来隐藏前面的内容，则后面的内容将“上移”。您可以通过以下方式保持相同的定位：

设置可见性：改为隐藏
设置<代码>不透明度：0取而代之
更改/反转父单元格的
垂直对齐
值（例如“底部”、“基线”）
绝对定位单元格内的内容
这是因为当设置为
display:none
时，表格单元格的默认垂直对齐方式补偿了更改的项目显示，元素不再具有任何尺寸，这将反映在布局上。由于表格单元格的默认垂直对齐方式为
middle
，如果通过更改其显示值来隐藏前面的内容，则后面的内容将“上移”。您可以通过以下方式保持相同的定位：

设置可见性：改为隐藏
设置<代码>不透明度：0取而代之
更改/反转父单元格的
垂直对齐
值（例如“底部”、“基线”）
绝对定位单元格内的内容
这是因为当设置为
display:none
时，表格单元格的默认垂直对齐方式补偿了更改的项目显示，元素不再具有任何尺寸，这将反映在布局上。由于表格单元格的默认垂直对齐方式为
middle
，如果通过更改其显示值来隐藏前面的内容，则后面的内容将“上移”。您可以通过以下方式保持相同的定位：

设置可见性：改为隐藏
设置<代码>不透明度：0取而代之
更改/反转父单元格的
垂直对齐
值（例如“底部”、“基线”）
绝对定位单元格内的内容
这是因为当设置为
display:none
时，表格单元格的默认垂直对齐方式补偿了更改的项目显示，元素不再具有任何尺寸，这将反映在布局上。由于表格单元格的默认垂直对齐方式为
middle
，如果通过更改其显示值来隐藏前面的内容，则后面的内容将“上移”。您可以通过以下方式保持相同的定位：

设置可见性：改为隐藏
设置<代码>不透明度：0取而代之
更改/反转父单元格的
垂直对齐
值（例如“底部”、“基线”）
绝对定位单元格内的内容
<td data-ng-repeat="price in goHead.prices track by $index">
  <div>
      <p data-ng-if="price.isMinPrice"><img src="images/lemoinscher.png"/></p>
      <p data-ng-if="!price.isMinPrice"></p>
      <p style="font-size:16px;text-align:center;">{{price.price}}</p>

      <p data-ng-if="price.isLastPlace" class="lasptlace"  data-ng-bind-html="'matrice.lastplace' | translate"></p>
      <p data-ng-if="!price.isLastPlace" class="lasptlace"  ></p>
  </div>
</td>

.matrices div p {
    display: table-row-group;
    font-size: 9px;
    text-align: center;
}

.matrices div {
    display: table;
    width: 100%;
}