flex的子元素宽度如何适应父元素的宽度
如下伪代码:
<div class="flex">
<div class="outer">
<div style="overflow:hidden;white-space:nowrap;">
<span>XXXXX</span>
<span>XXXXX</span>
...
</div>
</div>
</div>
效果:flex的display=flex,我想要的效果是不管有多少个 span ,outer的宽度不能超过父元素flex的宽度。
解决:给outer限制下宽度。
.outer {
max-width: 100%;
}
参考地址:https://segmentfault.com/q/1010000021077773?utm_source=sf-similar-question