自动换行不适用于宽度百分比

时间:2015-10-20 06:31:37

标签: html css html5

我希望width:48%与彼此相邻。如果有没有空格的文本,则该字符串应该被破坏。因此,我添加了word-wrap:break-word

这不会奏效。在Chrome中,如果我还添加word-break:break-word,我就可以使用它。在IE中,它永远不会起作用。

这是小提琴:http://jsfiddle.net/e02k0d8e/

我需要添加什么.GridRole才能在所有浏览器中使用它? 我不想添加全部破解!

2 个答案:

答案 0 :(得分:0)

这种情况可以通过双向处理。

1)太空后的一些承租人。

2)使用word-wrap:break-all

答案 1 :(得分:-1)

有两种方法。

解决方案1 ​​

-ms-word-break: break-all;
       word-break: break-all;

解决方案2

word-break: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;