美文网首页
Flex弹性布局 部分元素被挤压的解决方法

Flex弹性布局 部分元素被挤压的解决方法

作者: CentForever | 来源:发表于2022-06-04 22:19 被阅读0次
    image.png

    flex-shrink 属性定义了项目的缩小比例,默认为1
    即如果空间不足,该项目将缩小,它还有另外一个值,就是0

    image.png

    如果在子元素的 css 样式中添加 flex-shrink 属性, 然后把值改为 0
    flex-shrink:0 ,那么当前元素就不会被其他

    image.png

    相关文章

      网友评论

          本文标题:Flex弹性布局 部分元素被挤压的解决方法

          本文链接:https://www.haomeiwen.com/subject/ohulmrtx.html