table-cell不会破坏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/