有沒有辦法在所有物品的兩面都放置一個完整的空間，包括第一個和最后一個？我正在嘗試找到一種在flexbox子代之間具有相等間距的方法。在本文中，似乎最接近的是justify-content: space-around。它說：space-around：項目在行中均勻分布，并且周圍有相等的空間。請注意，從視覺上看，空間是不相等的，因為所有項目的兩側(cè)都具有相等的空間。第一項相對于容器邊緣有一個單位的空間，但是下一項之間有兩個單位的空間，因為下一項具有自己的適用間距。
3 回答
犯罪嫌疑人X
TA貢獻2080條經(jīng)驗 獲得超4個贊
這是一個完美的使用情況flex-basis和justify-content: space-between如果你知道有多少成分會成為你行提前。在彈性項目上指定所有項目的總彈性百分比小于100％。剩余的百分比將成為邊距。
沒有偽元素，子選擇器或填充/邊距。
div {
display: flex;
justify-content: space-between;
height: 100px;
}
span {
flex-basis: 32%;
background: red;
}
<div>
<span></span>
<span></span>
<span></span>
</div>
添加回答
舉報
0/150
提交
取消