表格单元格中的CSS百分比宽度和文本溢出

表格单元格中的CSS百分比宽度和文本溢出,css,Css,我有一个表格,其中单元格的宽度以百分比表示,我想使用文本溢出:省略号隐藏文本的长行: 在本例中,省略号在div中可以正常工作,但在单元格中不能正常工作。它仍然会增长并忽略宽度:60%和最大宽度:60% 如果我在单元格中添加一个display:block,文本将停止在60%并获得省略号,但单元格的总宽度仍然是整个文本的大小 最终,我希望桌子适合屏幕。有没有一种方法可以用纯css实现这一点?这可以通过使用表布局来轻松实现:修复了,但“有点棘手”,因为没有多少人知道这个css属性 表格{ 宽度:1

我有一个表格,其中单元格的宽度以百分比表示,我想使用
文本溢出:省略号
隐藏文本的长行:

在本例中,省略号在div中可以正常工作,但在单元格中不能正常工作。它仍然会增长并忽略
宽度:60%
最大宽度:60%

如果我在单元格中添加一个
display:block
,文本将停止在60%并获得省略号,但单元格的总宽度仍然是整个文本的大小


最终,我希望桌子适合屏幕。有没有一种方法可以用纯css实现这一点?

这可以通过使用
表布局来轻松实现:修复了
,但“有点棘手”,因为没有多少人知道这个css属性

表格{
宽度:100%;
表布局:固定;
}

在这里更新的fiddle上查看它的实际操作:

非常感谢!真不敢相信这么简单。谢谢,在遇到这个答案之前,您完全被卡住了。这适用于
width
,但不适用于
max width
:(