CSS word-wrap:break-word在IE9上不起作用

Question

我有一个小的css脚本,强制<a>在div中标记自动换行.它在FF,Chrome上运行良好,但在IE9上无效.我该如何解决？

.tab_title a{
    word-wrap: break-word;
} 

Answer 1

对于类似的问题,我display: inline-block在<a>标签上使用,这似乎有所帮助.而且word-break: break-all因为我是关心的很长的URL不换.

所以,这在你的情况下基本上......

.tab_title a {
    display: inline-block;
    word-break: break-all;
} 

Answer 2

这可能会起到作用:http: //www.last-child.com/word-wrapping-for-internet-explorer/

另一篇文章还建议采用word-break:break-all并word-wrap:break-word给它.

Answer 3

对我而言,它适用于Chrome和IE:

.word-hyphen-break {
  word-break: break-word;
  word-wrap: break-word;
  width: 100%;
}

像这样无需配置特定宽度.

Answer 4

试试这个:

.tab_title a{
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
} 

Answer 5

我在课后删除了锚标签.tab_title并且它起作用了