我有一个相当复杂的表格,严格控制所有表格单元格的大小而不考虑其内容至关重要。相反,我想调整单元格内容的大小。使用
<td>
设置我的 container-type
元素的样式似乎很有意义:
.mytable td {
container-type: size;
height: calc(...);
width: calc(...);
}
这样我就可以对
<td>
内的元素使用容器测量:
.mytable td > * {
font-size: 50cqw;
}
但这似乎没有效果——
<td>
没有注册为容器,并且字体大小似乎是基于整个表格的大小。
container-type
是否不适用于 <td>
元素?我是否需要在里面放另一个<div>
,以便它们的行为更像我期望的那样?
来自遏制规范:
但是,如果满足以下任一条件,则提供元素大小限制不会产生任何效果:
如果元素没有生成主框(如 display:contents 或 display:none 的情况)
如果其内部显示类型是table
如果它的主盒子是一个内部表格盒子
如果它的主框是内部 ruby 框或非原子内联框
所以不,如果 td 是默认的
display:table-cell
,大小限制将不起作用。