table { border-collapse: collapse; } td { border: 1px solid black; padding: 10px; }
在 CSS112 表格盒模型中,表格中单元格的边框和内边距(padding)会影响单元格的大小和位置。通过设置border-collapse
属性为collapse
,单元格之间的边框不会重叠。
表格盒模型不允许单元格的宽度和高度为负数,因为这会导致单元格内容超出单元格的范围,并且通常会破坏表格的布局。要确保单元格的内容能够正确显示,可以使用min-width
和min-height
这两个属性。
td { min-width: 50px; min-height: 30px; }
CSS112 表格盒模型是一种非常适合于制作表格布局的方式,并且相对于传统的表格布局,控制性更高。但是,它也会增加 HTML 结构的复杂度和 CSS 的编写难度,需要开发者谨慎使用。