背景 在使用弹性布局实现两侧宽度固定,中间宽度自适应的效果时,发现自己理解的和实际效果不一致,所以亲自实践验证了一个flex属性的诸多场景的表现,不仅解开了我之前使用过程遇到的疑惑,而且发现了许多自己以前理解有偏差的地方.第一章节有点绕,第二,三章节结论比较清晰.如果啃不动第一章节,建议直接跳到第二章节阅读,相信你看完之后,也会有收获的. 1.flex容器下子元素的宽度 1.1 当内容是连续的英文和数字时,内容超出不会自动换行,会溢出到子元素之外,加break-word:break-all;才是