自动换行:100%表格单元格中的break-word

时间:2013-09-13 00:57:13

标签: html css

JSFiddle:http://jsfiddle.net/nw4dF/
那么,为什么在我的table-cell #c中,css规则word-wrap:break-word被忽略并导致表的扩展以防溢出?我不想使用word-break: break-all;,如何解决?

2 个答案:

答案 0 :(得分:1)

对于webkit + opera使用word-break而不是word-wrap,对于moz和IE10 +使用hypehns(您需要声明lang属性)。 对于早期版本的IE,您只需使用word-break: break-all

JSFiddle

HTML

<div id="a" lang="en">
    ...
</div>

CSS

#c {
    *word-break: break-all;
     word-break: break-word;

    -moz-hyphens: auto;
     -ms-hyphens: auto;
         hyphens: auto;
}

答案 1 :(得分:0)

试试这个 - jsfiddle.net/nw4dF/1 /

或者您可以更改div上的表格语法或更灵活的内容