display:flex的子元素无法设置宽度

2019-12-10 16:21:05

使用display:flex制作轮播图的时候，想让每张轮播图的宽度width="100%",即屏幕的宽度，但是设置了没有用，后来发现，因为dispaly:flex是流式布局，子元素有个flex-shrink属性，表示在父元素宽度不够的情况下是自动收缩不？0表示不自动收缩，1表示自动收缩；所以将子元素（图片）添加属性：flex-shrink:0;即可


如果想让轮播图滑动，比如设置父元素的left：20%，如果父元素没有设置width,会发生子元素图片拉长20%，但是不动的情况；



  • 精彩推荐

  • 2018-01-29 15:18:57

    Druid多数据源配置

    搞了一天，竟然输在了把datasource,携程dataSource.老是切换不成功，几近崩溃。