.mainTable TD CSS无法在chrome中工作

Question

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

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

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

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

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

Answer 1

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

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

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

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

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