如果设置了固定的宽度导致 overflow-wrap: break-word
不生效,你可以尝试以下几种解决方法:
- 使用
word-break: break-all;
替代overflow-wrap: break-word;
。word-break: break-all;
可以在任意位置强制换行,而不仅限于单词边界。
.inner {
width: 200px;
word-break: break-all;
}
调整父元素的宽度或布局方式,以允许子元素自适应宽度而不需要进行截断或换行。
如果可能的话,考虑使用响应式设计,使得父元素和子元素能够根据屏幕大小动态调整宽度,并保持文字自动换行。
请根据具体情况选择合适的解决方案。记得测试并调整样式以达到期望的效果。
内容由零声教学AI助手提供,问题来源于学员提问