容器类型是否适用于<td>?

问题描述 投票:0回答:1

我有一个相当复杂的表格,严格控制所有表格单元格的大小而不考虑其内容至关重要。相反,我想调整单元格内容的大小。使用

<td>
设置我的
container-type
元素的样式似乎很有意义:

.mytable td {
    container-type: size;
    height: calc(...);
    width: calc(...);
}

这样我就可以对

<td>
内的元素使用容器测量:

.mytable td > * {
    font-size: 50cqw;
}

但这似乎没有效果——

<td>
没有注册为容器,并且字体大小似乎是基于整个表格的大小。

container-type
是否不适用于
<td>
元素?我是否需要在里面放另一个
<div>
,以便它们的行为更像我期望的那样?

html css html-table
1个回答
0
投票

来自遏制规范

但是,如果满足以下任一条件,则提供元素大小限制不会产生任何效果:

如果元素没有生成主框(如 display:contents 或 display:none 的情况)

如果其内部显示类型是table

如果它的主盒子是一个内部表格盒子

如果它的主框是内部 ruby 框或非原子内联框

所以不,如果 td 是默认的

display:table-cell
,大小限制将不起作用。

© www.soinside.com 2019 - 2024. All rights reserved.