<div style="display: flex;flex-direction: column">
<span>行内它独占了一行</span>
<span style="align-self: start">解决办法是给子元素添加style="align-self: start"</span>
</div>
flex布局flex-direction: column子元素变成了独占一行的效果如果解决
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
Flex布局（一）flex-direction
display: flex; flex-direction: column的含义
flex布局（flex-warp 设置子元素是否换行 align-items设置侧轴上的子元素排列方式（单行） align-content（多行）flex-flow是flex-direction和flex-wrap的复合写法）
弹性盒子 flex-direction
flex-direction用法解释
弹性布局学习-详解 flex-direction【决定主轴的方向】(二)
重新总结flex布局（flex，flex-direction，justify-content，align-items，flex-wrap，align-self）
flex布局 一行4个元素 后面不够4个元素对齐
flex布局（flex-direction 主轴的方向 justify-content控制主轴上的排列方式）
flex 布局 子元素 居中