首页 > 其他 > 详细

flex布局禁止子元素自动缩放适应空间

时间:2021-09-06 06:33:37      阅读:34      评论:0      收藏:0      [点我收藏+]

解决

单独给给子元素添加

flex-shrink: 0;

flex-shrink属性定义了项目的缩小比例,默认值为1,即如果空间不足,该项目将缩小。

使用综合属性flex

也可以用一个综合属性flex
flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto。后两个属性可选。
我们只修改flex-shrink,所以

.item {
  flex: 0 0 auto
}

flex布局禁止子元素自动缩放适应空间

原文:https://www.cnblogs.com/lujiahao/p/15226062.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!