在HTML表中精确控制行高
提问于 2022-01-30 08:15:19
对于HTML表，我发现如果我设置
table{
table-layout: fixed;
width: 0;
}然后，我可以在col元素中指定每个列的宽度，它们将得到尊重，也就是说，单元格不能增加列的宽度，而是必须处理溢出。
行高也有同样的方法吗？我想要做的是能够在每个tr元素中指定行高，然后单个单元格不能使其更高，如果它们的内容想要更大，它们只需要处理垂直溢出。
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-01-30 08:36:01
只需向每个td添加line-height:nPX即可。在我的示例中，我截断长文本以获得更好的可读性。
table {
table-layout: fixed;
width: 200px;
}
table td {
line-height: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}<table border="1">
<tr>
<td> 1 Lorem ipsum</td>
<td>Lorem ipsum Lorem ipsum Lorem ipsum</td>
</tr>
<tr>
<td>2 Lorem ipsum</td>
<td>Lorem ipsum Lorem ipsum Lorem ipsum</td>
</tr>
</table>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70916517
复制相关文章
点击加载更多
腾讯云开发者
