CSS

解决display:flex布局下默认为flex:1

联系站长 作者:web知道 来源:未知 2020-07-09 16:31 我要评论

解决display:flex布局下默认为flex:1...

解决父元素display:flex布局下的子元素宽度被压缩问题
 
flex-shrink: 0; /* 用数值来收缩比例 默认值为1 */


这是因为Flex 布局会默认:
   把所有子项变成水平排列。
   默认不自动换行。
   让子项与其内容等宽,并把所有子项的高度变为最高子项的高度。
 
这样设置背景色的时候非常不方便,那么直接在父项上,将align-items设为 flex-start,或者align-items属性的其他值都可以,子项就会保持自身的高度了。




本文如有侵犯版权请联系站长删除。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
精彩导读