html - 当其中有文本时如何使表格单元格不展开？

Question

如果我有一个只有 1 个单元格的表格，并且我将其内联样式中的宽度和高度设置为一定数量的像素（固定而不是百分比）。有什么 CSS 属性或属性可以确保无论单元格中有多少内容，单元格的尺寸都不会增加。我在我的单元格上注意到，当我添加文本时，即使我设置了尺寸，尺寸仍然会发生变化。

score 3 · Accepted Answer

您想使用该overflow属性。在这种情况下，您似乎想要它hidden：

.cell1 {overflow: hidden;}

阅读此处了解更多选项。

还发现这个帖子表明您需要添加table-layout: fixed;和white-space: nowrap;除了overflow属性。

score 3 · Accepted Answer

将表格布局设置为固定，将溢出设置为隐藏。

table {
    overflow:hidden;
    table-layout:fixed;
}

2 回答 2