Question

我有一个包含表格的外部DIV标签。该表包含1列或TD标记。此TD标签具有显示公司名称的内部DIV。

有时外部DIV的公司名称太长，具体取决于外部DIV的宽度。所以我将以下样式添加到TD的DIV标签中：

style="width:95%; text-align: center; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space:nowrap; overflow:hidden"

这很有效，长公司名称将包含在外部DIV中，公司名称的一部分缺失，公司名称末尾有“......”。

我遇到的问题是，如果外部DIV的大小很小或者公司名称太长，那么公司名称TD标签将溢出到右侧不相关的DIV标签中。

当外部DIV的大小约为400px但公司名称为700px时会发生这种情况。但是600px公司名称在400px外部DIV中正如预期的那样工作。

如何让表格的TD和内部DIV标签始终显示在外部DIV标签的宽度内？

这是一个正在发生的事情的例子。第一行是我想要的，但如果包含的DIV宽度更窄，则省略号不会显示，表格会向右边的DIV流出：jsfiddle exampl

Answer 1

尝试将文本包装在div中，使用此类：

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap { 
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
}

如何在DIV中包含表

1 个答案: