想要固定表格行高你这个回答不管用#goods-table height 500px; 固定高度 font-size 24px; line-height 40px;#goods-table tbody tr height 40px; 固定行高
对于固定表格行高,可以使用以下CSS样式:
#goods-table { table-layout: fixed; /* 固定表格布局 / height: 500px; / 固定表格高度 / font-size: 24px; border-collapse: collapse; / 边框合并 / } #goods-table tbody tr { height: 40px; / 固定行高 / } #goods-table td { padding: 10px; / 单元格内边距 / border: 1px solid #ccc; / 边框样式 / overflow: hidden; / 超出部分隐藏 / text-overflow: ellipsis; / 文字超出部分省略 / white-space: nowrap; / 不换行 */ }
其中,table-layout属性设置为fixed可以固定表格布局,height属性设置为固定高度,border-collapse属性合并边框,td元素设置padding、border、overflow、text-overflow和white-space属性可以保证单元格内的内容正确显示。
原文地址: https://www.cveoy.top/t/topic/bdvK 著作权归作者所有。请勿转载和采集!