ie8表格框线不显示问题！！！

最新推荐文章于 2021-10-29 14:33:39 发布

原创最新推荐文章于 2021-10-29 14:33:39 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

17 篇文章

订阅专栏

4 篇文章

订阅专栏

本文介绍了一种在IE8浏览器中解决表格布局问题的方法。通过为table元素添加table-layout:fixed样式属性，可以有效改善在IE8下的显示效果。

由于个别用户在使用ie8，所以页面必须兼容ie8，ie8大家都懂的。。。

先说问题：

正常浏览器：

IE8：

惊不惊喜、意不意外

但是只需要在table上加红色这个属性，就可以解决

<table style="table-layout:fixed;">
    <tr>
        <td class="tdclass" style="border-top-color: #fff"><span class="title"><spring:message code="decision.matters"/>：</span></td>
        <td colspan="3" style="border-top-color: #fff">
            <div class="print-span-content">
                <span>${entity.decisionMatters}</span>
            </div>
        </td>
    </tr>

希望能对遇到这个问题的童鞋有用。