我有下面的代码。出于某种原因,当表格高度小于单元格高度时,不会考虑高度。这是为什么?
.table {
border: 1px solid red;
box-sizing: border-box;
display: table;
height: 15px;
}
.cell {
height: inherit;
border-width: 0;
display: table-cell;
}
.cell span {
display: inline-block;
width: 31px;
}
<body>
<div class="table">
<span class="cell">
<span>test1</span>
</span>
<span class="cell">
<span>test2</span>
</span>
</div>
</body>
最佳答案
表格单元格和表格高度只是初步建议。宽度在一定程度上发生了同样的事情。如果单词的内容不能进一步缩小宽度,表格将增长以适应。
在表格样式元素上使用时,将其视为最小高度。
如果您希望内部内容具有最大高度,您需要在内部的最终子跨度上设置高度和溢出等。
关于html - 显示表格高度并不总是受到尊重,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36987114/