表格单元在IE9上不打字

看一下http://jsfiddle.net/Y7NAR/2/。表格单元在IE9上不打字

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

任何解决方案？

来源

2013-04-15 btevfik

首先，它现在'溢出wrap' ......第二，试试这个out => http://www.last-child.com/word-wrapping-for-internet-explorer/ – PlantTheIdea

只是一个侧面说明，它适用于我的IE10。 – Kyle

@凯尔我会想象如此。 IE9不是真正的浏览器。 – btevfik

请尝试在你的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/

来源

2013-04-16 01:23:39

谢谢。它似乎是诀窍是使用'文字休息：打破所有' – btevfik

很高兴提供帮助。当我使用它们时，我倾向于重新阅读word-break和word-wrap的规格，因为它们的语法是相似的。如果您针对的是旧版IE浏览器，则只需要浏览器特定的属性（-ms -...）。祝一切顺利！ –

打破所有和打破词是不同的东西。并且不幸的是-ms-word-break：break-all;也将应用于较新的IE浏览器。我很确定IE10，但没有在IE11中测试过 – Ashkan

表格单元在IE9上不打字

回答

相关问题