javascript - 将显示属性设置为 'block' 后重新对齐表格

Question

我有一张表，其中一行最初设置为“无”的显示属性

然后我将它更改为“阻止”从我的选择框中选择的某些值，在那个时间点行没有正确对齐。我的两列设置在上一行的单列内？

但是当我再次将其更改为“无”时，所有其他行都正确对齐..

Answer 1

与其将其更改为 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>​