将display属性设置为'block'后重新对齐表

时间:2010-04-16 07:38:48

标签: javascript html css

我有一张桌子,我有一行最初设置为'none'的显示属性

并且我在选择框中选择某个值时将其更改为“阻止”,此时行未正确对齐。我的两列是在上一行的一列中设置的吗?

但当我再次将其更改为'none'时,所有其他行都正确对齐..

1 个答案:

答案 0 :(得分:3)

而不是将其更改为display:block;使用display:table-row;

Example here

代码:

<table width="200" border="1">

  <tr style="display:table-row;">
    <td><span class="A">8:00 AM</span></td>
    <td><span class="B">Monday</span></td>
    <td><span class="C">Sept</span></td>
  </tr>

</table>​