HTML CSS : Broken Table?

Question

我正在使用 YUI 来重置浏览器类，然后我带来了 在几个自定义样式表中...我已经看到这种情况发生了几次，但我认为我从未缩小过原因范围:

表格正在拉入图像以组成带阴影的方形表格...但由于某种原因，它已损坏...

这是我的 CSS:

.tblSquare {
    text-align: left;
    border-collapse: collapse;
}
.tblSquare td.top {
    background:url('/Content/Images/tblSquare_top.gif') repeat-x;
}
.tblSquare td.left {
    background:url('/Content/Images/tblSquare_left.gif') repeat-y;
}
.tblSquare td.right {
    background:url('/Content/Images/tblSquare_right.gif') repeat-y;
}
.tblSquare td.bottom {
    background:url('/Content/Images/tblSquare_bottom.gif') repeat-x;
}
.tblSquare td.content {
    background:#FFF;
    vertical-align:top;
}

Answer 1

我得出的结论是，这不是好的做法。当内容不是表格数据时，始终使用 DIV。试图变得聪明是没有意义的……这样做是极其不聪明的。