有没有一种方法可以在不定义EDGE / IE11的宽度或最大宽度的情况下中断长文本？

Question

我遇到了一个问题，即文本在IE11和EDGE中溢出了父对象，并且在Chrome，firefox和Opera中无法正常工作。

我尝试了多种方法 方法1->使用全能代替断词：   通过这种方法，文字在单词之间被截断了。所以，我不能使用这种方法

方法2->为子级使用max-width或width属性设置   通过这种方法，应该对所有子控件的宽度进行硬编码，或者应将其指定为95％之类的百分比

方法3->使用显示类型作为内联   使用这种方法，将没有边距，因为行内填充会忽略所有这些属性。

我已经尝试了上述方法，并在下面的jsfiddle链接中添加了问题

"https://jsfiddle.net/gc4yknax/"

此代码在Chrome中正常运行，并在Edge / IE11中中断。

预期的输出：长文本应包裹在下一行中，并且不应超出容器范围。

实际输出：长文本不会被包裹并超出父容器。

Answer 1

您可以在CSS overflow: hidden中添加.break-word。它将解决问题。