
css表格td内的div高度自动适应100%
要在css表格中的td内让div自动适应100%高度,单纯使用height: 100%是不行的。这是因为td本身没有高度,需要为td设置一个具体的高度。
一种简单的方法是为td直接设置高度,如:
td {
height: 100px;
}但有时候需要根据内容动态调整td的高度。这时,需要同时为table和tr设置高度约束:
立即学习“前端免费学习笔记(深入)”;
table {
height: 100%;
}
tr {
height: 100%;
}其他方法也可能适用于某些情况,如使用flexbox或css grid布局。不过,为td设置高度是最直接有效的解决方式。










