html - .mainTable TD CSS 在 chrome 中不起作用

Question

我有一个包含以下内容的 CSS 文件:

    .mainTable
{
    width:100%; 
    border:solid;
}

.mainTable td
{
        border:solid; 
        text-align:center;
}

在 firefox 和 ie 中，所有的 td 现在都有边框并且居中对齐。然而 chrome 只是忽略它并且 td 没有格式化。

关于为什么 chrome 表现不同的任何线索？

Answer 1

你应该给边框一个宽度和一个颜色，这是一个更好的跨浏览器解决方案。

.mainTable
{
    width:100%; 
    border: 1px solid #000;
}

.mainTable td
{
        border: 1px solid #000; 
        text-align:center;
}

颜色可以是你想要的任何颜色。

您在 chrome 中看不到边框，因为它没有宽度。