如何确保表永远不会比包含div更宽?

时间:2013-02-12 16:43:38

标签: html css

我有一个div,其中包含一个表,其中包含另一个具有动态更改文本的div。 div有样式

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

所以我希望当文本比div更宽时它会在结尾显示“...”,但实际上,表格宽度将大于容器div,这真的很奇怪。

如果我在px或pt中设置单元格最大宽度,其中包含带文本的div,那么工作正常,但这不是一个选项。

如何设置表格遵循容器div的宽度,并且永远不要大于那个?

一些示例代码为in a JSFiddle

1 个答案:

答案 0 :(得分:0)

除非你坚持使用,否则摆脱#c121 div的宽度。

表仅符合其内容,而不符合其包装。

由于它已生成标记,您是否可以在元素上添加一些classproperties