每个 HTML 表格单元格的最小高度是多少？

Question

3

我有一个只有一行三个格子的表格。我从数据库中获取文本并将其展示在这些格子中，我的问题是：如何使用最小高度来调整所有三个格子的高度？这样它们的高度就不会都相同了。因为中间的一列要更高一些。

- XmarinusX

2个回答

2

同一行中的单元格高度总是相同的，取决于最高单元格的高度。

什么都不做就可以了
如果你希望单元格的宽度能够适应内容量的大小而变得更宽，那么请从父表格中删除 table-layout: fixed（默认情况下不会有这个属性）
min-height 在表格中无效，你需要使用 height 属性
你可以调整内边距（padding）以获得更好的样式效果：th, td { padding: 4px 6px; }。外边距对单元格没有任何影响（如果单元格没有通过 border-collapse 折叠，则可以使用 border-spacing 或者 padding），但是当然会对整个 table 产生影响

- FelipeAls

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- greener · Accepted Answer

你可以使用CSS：

td { height: 100px }

如果内容过多，表格单元格会自动扩展。