tr的display属性设置为block后，发生错位的解决方法

最新推荐文章于 2025-05-17 13:30:37 发布

原创最新推荐文章于 2025-05-17 13:30:37 发布 · 8.3k 阅读

·

5

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个在IE10浏览器中出现的表格布局问题，即第二个单元格的内容错位到了第一个单元格内的情况。文中提供了两种解决方案：一是将display属性设置为空值；二是设置为“table-row”。这两种方法均适用于IE10及其兼容性视图以及其他主流浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<tr id="rpsw" runat="server" style="display: block">如图

原来在ie8上运行，没有问题的，升级到ie10后，就有了这个问题

第二个td 的内容跑到第一个td里面去了，我找到了两种解决方法：

1.设置display=“”，设为空值，(空值应该就是默认值，我上w3school上查了一下，缺省值是inline，可是用inline带进去，还是有这个问题，所以缺省值不是inline，我想的，我也不清楚是什么，待解决)

2.设置display=“table-row” （这种也是可以的）

以上两种方法都以ie10、ie10兼容性视图、谷歌、火狐、360这些浏览器试过了，都能正常显示。