CSS 小技巧:把最後一行的 items 往左推
在做 flex box 排序時經常會遇到最後一行的 item 無法填滿空間而跑道中間。
https://codepen.io/william_k/pen/xxOagBG
在 .container 裡面,items 後方加入
<i aria-hidden="true"></i>
<i aria-hidden="true"></i>
<i aria-hidden="true"></i>
.container i {
width: 300px; //需要把每個 item 的寬設定一樣
margin: 10px;
}
這樣子可以自動把元素往左推。
https://codepen.io/william_k/pen/oNLPZNY
Reference:
https://dev.to/stel/a-little-trick-to-left-align-items-in-last-row-with-flexbox-230l
本作品采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。