我使用了标准的CSS重置,然后将以下样式应用于表元素:
.ns-table {
width: 100%;
font-family: monospace;
font-size: 14px;
line-height: 24px;
text-align: left;
}
.ns-tr {
border-bottom: 1px solid black;
}
.ns-th {
box-sizing: border-box;
padding: 8px;
color: green;
font-weight: 700;
vertical-align: bottom;
}
.ns-td {
box-sizing: border-box;
padding: 8px;
vertical-align: top;
}
我的问题是th
坚持使用盒式布局并在40px
处进行渲染。但是,td
在41px
处渲染,但未坚持到border-box
。为什么th
和td
之间的box-sizing: border-box;
属性不一致?
提前谢谢。