在IE11中添加td之前边框表行无效

时间:2015-03-17 01:53:43

标签: html internet-explorer-11

我想在添加<tr>之前围绕HTML表格和<td>创建边框。但边框不适用于<table><tr>。这在Internet Explorer 11中给我一个问题。

HTML:

<table style="width:500px;height:250px;outline:1px solid black;position:absolute;">
   <tr id="1" style='outline:thin solid black;'></tr>
   <tr id="2" style='outline:thin solid black;'></tr>
   <tr id="3" style='outline:thin solid black;'></tr>
   <tr id="4" style='outline:thin solid black;'></tr>
</table>

DEMO

1 个答案:

答案 0 :(得分:1)

默认情况下,该区域的规则数量与various table elements相关联。尝试使用CSS来更改表行的显示类型,可能是通过向小提琴的CSS添加类似tr { display: table-cell; }的内容或(如上面的@Surreal Dreams所示),为要显示的行添加内容。

如果您正在尝试使用某种类似网格的正式显示区域,那么使用DIV可能会做得更好。如果您采用流畅的布局,请考虑使用Flexbox。

希望这会有所帮助...... - 兰斯