css两端对齐

文章描述:

css使标签模块两端对齐方式

html

<div class="items">
    <div style="background-color:coral;"></div>
    <div style="background-color:lightblue;"></div>
    <div style="background-color:khaki;"></div>
    <div style="background-color:pink;"></div>
</div>

css

.items {
   width:400px;
   height:150px;
   border:1px solid #c3c3c3;
   display:-webkit-flex;
   -webkit-justify-content:space-around;
   display:flex;
   justify-content:space-around
}
.items div {
   width:70px;
   height:70px
}

发布时间:2021/06/18

发表评论