子元素等分父元素,平分

方式一:

     父级元素定义display:flex,子元素宽度用flex来定义,flex:1 是均分父级元素。占的比例相同(苹果6部分低版本浏览器不支持, 尽量不要用)

    .user-set{      (父元素)

        display: flex;  

        display: -webkit-flex;

     align-items: center;

     justify-content: space-around;

    }           

    .user-set .set-commet{      (子元素)

        flex: 1;

        align-items: center;    //居中对齐盒子里个各项元素

    }

方式二:

    

父元素 添加样式

     display: table;

子元素添加样式

    display: table-cell;
    text-align: center;

猜你喜欢

转载自blog.csdn.net/ljw_jiawei/article/details/83586397
今日推荐