当theres文本在其中时如何使表格单元格不展开?

时间:2012-09-09 02:56:02

标签: html css css-tables

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

2 个答案:

答案 0 :(得分:3)

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

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

<强> jsFiddle example

答案 1 :(得分:2)

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

.cell1 {overflow: hidden;}

Read here了解更多选项。

还发现了this帖子,表明除了table-layout: fixed;属性之外,您还需要添加white-space: nowrap;overflow