css单元格高度自适应

p标签： CSS单元格高度自适应是一种非常常见的需求，尤其是在前端开发中。在日常工作中，我们经常需要控制表格中的表格单元格的高度，以满足不同屏幕大小和不同文本量的需求。下面是一些可以用来控制单元格高度的CSS属性。 pre标签： .table { table-layout: fixed; // 表格宽度固定 width: 100%; // 表格宽度自适应 } .table td { padding: 5px; // 单元格边距 overflow: hidden; // 内容超出部分隐藏 text-overflow: ellipsis; // 内容超出部分省略号显示 white-space: Nowrap; // 内容不换行 vertical-align: middle; // 垂直居中 } .table td p { margin: 0; // 段落边距 line-height: 1.5; // 行高 } 以上代码中，我们使用了table-layout: fixed来固定表格宽度，然后为单元格设置了padding、overflow、text-overflow、white-space等属性，以达到合适的显示效果。最后再通过设置段落标签p的margin和line-height属性，使得文本可以根据单元格高度进行自适应，以在不同设备上都能良好显示。