本文讨论了在使用Flex布局时，如何保持左侧固定宽度的同时避免右侧内容过长导致左侧被挤占的问题，提供了通过设置`word-wrap`和`word-break`属性来实现内容适应的解决方案。
如图 使用的flex布局 左侧固定宽度但是右侧内容太长左侧内容宽度被强行挤走 如何解决？
要给左右两侧的内容都设置宽度 并且给右边的盒子加上以下属性即可解决
word-wrap: break-word; /* 单词换行 */
word-break: break-all; /* 强制断行 */
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
