html - 表格单元格在 IE9 上不会断字

Question

看看http://jsfiddle.net/Y7NAR/2/。

display: table-cell; max-width:100px; word-wrap:break-word;在 chrome 中工作正常，但在 IE9 中不会中断。

任何解决方案？

Answer 1

请在您的 CSS 中尝试以下操作：

#cntnr .section {
    display: table-cell;
    background: #fcc;
    text-align: center;
    max-width:100px;
    -ms-word-break: break-all;
    word-wrap:break-word;
}

参考：http: //msdn.microsoft.com/en-us/library/ie/ms531184%28v=vs.85%29.aspx \

小提琴更新：http: //jsfiddle.net/audetwebdesign/BwaMt/