有没有办法在 EDGE / IE11 中不定义宽度或 max-width 来打断长文本？
Is there a way to break the long text without defining width or max-width in EDGE / IE11?
我遇到一个问题，文本在 IE11 和 EDGE 中溢出 parent，在 Chrome、firefox 和 Opera 中工作正常。
我尝试了多种方法
方法 1 -> 使用 break-all 而不是 break-word：
使用这种方法，文本会在单词之间被截断。所以，我不能使用这种方法
方法 2 -> 使用 max-width 或为 child 设置宽度 属性
使用这种方法，宽度应该对所有 child 控件进行硬编码，或者应该指定为某个百分比，例如 95%
方法 3 -> 使用显示类型作为内联
使用这种方法，将没有边距，作为内联的填充将忽略所有这些属性。
我已经尝试了上述方法并在下面的 jsfiddle 中添加了问题 link
"<a href="https://jsfiddle.net/gc4yknax/" rel="nofollow noreferrer">https://jsfiddle.net/gc4yknax/</a>"
此代码在 Chrome 中运行良好，但在 Edge / IE11 中会中断。
预期输出：长文本应换行到下一行并且不应超出容器范围。
实际输出：长文本未换行并超出 parent 容器。
您可以在 css .break-word 中添加 overflow: hidden。它会解决问题。
我遇到一个问题，文本在 IE11 和 EDGE 中溢出 parent，在 Chrome、firefox 和 Opera 中工作正常。
我尝试了多种方法 方法 1 -> 使用 break-all 而不是 break-word： 使用这种方法，文本会在单词之间被截断。所以，我不能使用这种方法
方法 2 -> 使用 max-width 或为 child 设置宽度 属性 使用这种方法，宽度应该对所有 child 控件进行硬编码，或者应该指定为某个百分比，例如 95%
方法 3 -> 使用显示类型作为内联 使用这种方法，将没有边距，作为内联的填充将忽略所有这些属性。
我已经尝试了上述方法并在下面的 jsfiddle 中添加了问题 link
"<a href="https://jsfiddle.net/gc4yknax/" rel="nofollow noreferrer">https://jsfiddle.net/gc4yknax/</a>"
此代码在 Chrome 中运行良好，但在 Edge / IE11 中会中断。
预期输出：长文本应换行到下一行并且不应超出容器范围。
实际输出：长文本未换行并超出 parent 容器。
您可以在 css .break-word 中添加 overflow: hidden。它会解决问题。