我正在业余研究CSS,引起我注意的是table
和border-collapse: collapse
会误用tbody
。
例如,带有table
的100x100 border: 1px solid
将获得与左上方对齐的99x99 tbody
,而不是居中的98x98或100x100。
我正在寻找一种仅CSS 方式,以使tbody
的大小与table
相同或使其居中/对称,而无需更改tbody
的display
属性。
border-collapse: separate
与border-spacing: 0
结合在一起可以解决问题,但我希望尽可能保留border-collapse: collapse
,因为很遗憾,我现在还不很成熟。
先谢谢了。
table {
box-sizing: border-box;
border: 1px solid #525252;
border-collapse: collapse;
width: 100px;
height: 100px;}
td {
padding: 0;
width: 100%;
height: 100%;
background-color: #f0f0f0;}
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>