html - 使用 CSS 为表格/div 合并边框

Question

我构建了一个div布局，每个div周围都必须有边框。

问题是当两个div相邻时，会出现双边框。

http://jsfiddle.net/Y7Kee/

我还在 table、div、td、th 上设置了 border-collapse: collapse;，但这似乎不起作用。

编辑:

如果边框折叠不适用于 DIV，还有其他建议吗，我该如何合并边框？

Answer 1

折叠边框仅适用于表格单元格。您可以使用 CSS 规则来选择特定元素并在需要时应用边框宽度。

div {
    border:1px solid;
    border-bottom-width: 0;
    border-right-width: 0;
}
td:last-child div {
    border-right-width: 1px;
}
div:last-child {
    border-bottom-width: 1px;
}

http://jsfiddle.net/ExplosionPIlls/Y7Kee/1/