Posted on | by liu
在CSS中，大家可以使用行高（line-height）属性来设置表格中的文本行高。通过设置这个属性，大家可以确保表格中的文本在不同的设备和屏幕上都能以正确的高度显示。
要设置表格的最高行高，大家可以使用以下CSS代码：
table {
height: 100%;
max-height: 100%;
}
td, th {
padding: 10px;
vertical-align: middle;
text-align: center;
line-height: 1.5; /* 设置最高行高为1.5倍 */
}
这个代码片段中，大家首先给表格元素一个固定的高度，这可以确保表格的高度不会超过大家指定的高度。然后，大家对所有的表格单元格应用相同的垂直和水平对齐样式，并设置它们的行高为1.5倍。
值得注意的是，这个值并不是一个固定的值，而是一个相对值。具体来说，它是文本行高的倍数。因此，如果表格中的文本本身非常小，那么行高的倍数也应相应地减小。
除此之外，大家还可以使用其他的CSS属性来进一步美化和优化表格的显示效果。例如，大家可以使用border属性为表格单元格添加边框：
td, th {
border: 1px solid #ddd;
}
这个代码片段中，大家使用1像素宽的灰色边框为每个表格单元格添加了一个简单的边框。
综上所述，通过设置行高属性，大家可以让表格中的文本在不同的设备和屏幕上都能以正确的高度显示。而通过使用其他的CSS属性，大家还可以进一步美化和优化表格的展示效果，让它更加易于读取和使用。