flex

最新推荐文章于 2024-08-01 11:42:02 发布

云墨cloudMel

最新推荐文章于 2024-08-01 11:42:02 发布

阅读量85

点赞数

本文链接：https://blog.csdn.net/weixin_42481234/article/details/82428001

版权

flex:1;

让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：

 <div class="main_bottom">
            <div class="inconbutton">
                <span v-for="(item,index) in mainBottom" :key="index" class="clearfix">                   
                        <img :src="item.bg" alt="">    
                </span>
            </div>
  </div>  

<style>
.main_bottom {
    max-width: 1180px;
    min-width: 980px;
    width: auto;
    margin: 20px auto;
    position: relative;  
    .inconbutton{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;     
        img {
            width: 90%;  
        } 
    }     
}
</style>