Css 换行字无法使用百分比宽度

我想用

宽度：48%

彼此相邻对齐。如果文本中没有空格，则应断开字符串。因此，我添加了

wordwrap:break-word

这行不通。在Chrome中，如果我还添加了

wordbreak:break-word

，我就可以实现这一点。在IE中，它永远不会起作用

这是小提琴：

我必须向.GridRole添加什么才能使其在所有浏览器中正常工作？

---

我不想添加全部中断

此场景可以通过两种方式处理

1） 一些租船人追求太空

---

2） 使用

wordwrap:break all

此场景可以通过两种方式处理

1） 一些租船人追求太空

2） 使用

wordwrap:break all

有两种方法

解决方案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;

有两种方法

解决方案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;

---

为什么不想使用全部打断？如果有足够的空格，它也会打断单词…为什么不想使用全部打断？如果有足够的空格，它也会打断单词。。。