你能解释为什么这两个HTML代码在渲染时会产生不同的外观吗？ fiddle1和fiddle2
代码的唯一区别在于fiddle1 style =“width：50px;”在表的第一行,而在fiddle2中,它在第二行.但是这导致每个宽度不同.
根据Chrome Dev Tools小提琴1,两个单元格/列的宽度均为51px(反正应为50px),而在小提琴2中,第一个单元格/列的宽度为49px,第二个宽度为50px.
小提琴中的标记1
小提琴中的标记2
两个小提琴的CSS
table {
table-layout: fixed;
width: 100px;
}
td {
border: 1px solid black;
overflow: hidden;
}
最佳答案
