Css Word wrap在Internet Explorer中不起作用
当我在浏览器模式下使用Css Word wrap在Internet Explorer中不起作用,css,internet-explorer,internet-explorer-9,word-wrap,xhtml-transitional,Css,Internet Explorer,Internet Explorer 9,Word Wrap,Xhtml Transitional,当我在浏览器模式下使用wordwrap:break-word:IE9兼容性视图和文档模式:IE7标准时,它工作得非常好。但是,当我更改文档模式:IE9标准时,它不起作用。 我也尝试过使用-ms-word-wrap:break-word,但是它给了我同样的结果 文档类型定义:DTD/xhtml1-transitional.DTD 有人能告诉我为什么会这样吗?如果有任何解决办法来解决这个问题吗?你需要 table { width:100%; table-layout:fixed; }
wordwrap:break-word
:IE9兼容性视图和文档模式:IE7标准时,它工作得非常好。但是,当我更改文档模式:IE9标准时,它不起作用。
我也尝试过使用-ms-word-wrap:break-word
,但是它给了我同样的结果
文档类型定义:DTD/xhtml1-transitional.DTD
有人能告诉我为什么会这样吗?如果有任何解决办法来解决这个问题吗?你需要
table {
width:100%;
table-layout:fixed;
}
并将wordwrap
放入表格中,td,th
不放入span
它应该可以工作,
。你的类名{word break:break word;}
,我已经在ie7-ie9中测试了它,它可以断开单词…将word wrap属性应用到相关元素的父元素将解决ie9中的问题。这样试试看
.table tr td {
word-wrap: break-word;
word-break: break-all;
}
添加
-ms分词:分词代码>为我工作。在我的情况下,IE不尊重分词样式,直到我将span渲染为内联块
.selector{
display: inline-block;
word-break: break-all;
overflow-wrap: break-word; /* For other browsers*/
}
在>IE9标记中工作?CSS?你什么都没给我们听上去很熟悉。也许可以试试这些想法:把它放在你的问题里。@showdev没有用!创建一个带有代码示例的JSFIDLE,看看您做了什么。只给我们doctype并不能帮助我们帮助您。
-ms-word-break: break-all;