Html 如何确保单元格不'；是否因内容而无法调整大小？

当设置了

表格布局：fixed

时，所有单元格大小相等，直到添加了一些内容。有没有一种方法可以在内容存在的情况下保持它们的大小相等？内容的宽度/高度可以是单元格的百分比，也可以是固定宽度。该表是响应的（如果内容溢出，则应将其隐藏）

现在看起来怎么样（）：

表格{
表布局：固定；
宽度：40vw；
高度：40vw；
}
运输署{
边框：3倍纯色灰色；
填充：0px；
宽度：40px；
}
.对准器{
显示器：flex；
对齐项目：居中；
证明内容：中心；
宽度：100%；
身高：100%；
溢出：隐藏；
}
.内容{
高度：60px；
宽度：90%；
背景颜色：绿色；
边界半径：20px；
}

你好，世界

仅使用CSS，您可以直接在

td

上设置

宽度
和
高度
，并使用
位置：相对
+
溢出：隐藏
，然后将内部div设置为
位置：绝对



td{
边框：3倍纯色灰色；
宽度：10vw；
高度：10vw；
文本对齐：居中；
位置：相对位置；
溢出：隐藏；
}
.对准器{
位置：绝对位置；
左：0；右：0；顶部：0；底部：0；
保证金：自动；
高度：60px；
宽度：90%；
背景颜色：绿色；
边界半径：20px；
}

你好，世界