Question

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

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

Answer 1

对于类似的问题，我在display: inline-block标记上使用<a>，这似乎有所帮助。 word-break: break-all因为我担心长网址没有包装。

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

.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

试试这个：

.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 4

对我来说，它可以在Chrome和IE中使用：

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

像这样，无需配置特定宽度。

Answer 5

我在.tab_title课程后删除了锚标记并且它可以正常工作

Answer 6

word-wrap: word-break;仅适用于ff和chrome，而不适用于IE8和IE9 word-break: break-all;也不起作用。

Answer 7

我在Chrome，Firefox和IE上取得了很好的成功：

word-break: break-word;
word-wrap: break-word;

在我的问题案例中，我正在使用：

display: table-cell;

我最终不得不包括

max-width: 440px;

在所有浏览器中进行包装。在大多数情况下，最大宽度不是必需的。使用

word-break: break-all;

在IE中不能很好地工作，因为虽然没有空格的长词会被包裹，但短词也会停止在空格处包装。

Answer 8

我最近在IE / Edge＆amp; amp;铬。这是我发现为我工作的

  overflow-wrap: break-word;
  word-wrap: break-word;

这给了我两者中最好的。它会打破太长时间的话，但与断言不同，它不会打破中间词。

Answer 9

我只是想出了自动换行：break-word仅在IE8和IE9中有效。如果我有一个带空格的单词串，那么该字符串就会被包装。但是如果我的字符串由一个长字组成，它会强制父/容器元素根据其宽度

进行扩展

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

9 个答案: