从品牌网站建设到网络营销策划,从策略到执行的一站式服务
今天就跟大家聊聊有关flex-shrink属性怎么在CSS3中使用,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
成都创新互联公司2013年开创至今,先为湖滨等服务建站,湖滨等地企业,进行企业商务咨询服务。为湖滨企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。在CSS3 Flexbox中flex-shrink属性定义为:
Thiscomponent sets ‘flex-shrink’ longhand and specifies the flex shrink factor, which determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed. When omitted, it is set to ‘1’. The flex shrink factor is multiplied by the flex basis when distributing negative space.
通俗来讲就是当flex items的大小超过了flex container时, 各个flex item的压缩比例, 请看下面的示例:
代码如下:
代码如下:
: width = 60 - 20 * 1 / (1 + 0.5) = 47px: width = 60 - 20 * 0.5 / (1 + 0.5) = 53px
根据以上结果可知flex-shrink值越大,flex item的实际结果就会越小看完上述内容,你们对flex-shrink属性怎么在CSS3中使用有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
分享文章:flex-shrink属性怎么在CSS3中使用-创新互联
网站地址:http://cdkjz.cn/article/hgddh.html
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图