css 中弹性布局，子元素的内部文字宽度超过子元素宽度引起布局出现横向滚动条

我当时是因为在子元素中有 一段文字     子元素是继承父元素宽度的 33.33%  等于说三个子元素均分父元素 

但是由于文字过长 导致出现了横向滚动条   布局就错乱了

解决方法

子元素 加上  

flex-basis: 33.33%;
width: 0;

2. 还有一种解决方法 也是来自一位大佬的方式

通过定位来实现  宽度的"定死"

子元素设置 相对定位

子元素中包括文字的元素 设置绝对定位 就可以了

 

关注我 持续更新前端知识