国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > Flex > 正文

詳解解決flex布局的justify-content: space-between對齊方式的一個BUG的兩

2024-09-08 18:17:07
字體:
來源:轉載
供稿:網友

在設置display:flex,justify-content: space-betweend的時候,它會把子元素靠邊對齊平均分剩余的空間。

例如:打算一行放三個子元素

效果:

這看起來一點問題都沒有,還挺好看的,但是如果下一行不夠三個呢,只有兩個的時候就會出現問題。

這樣看起來特別惡心,中間空了一大塊出來,看起來特別像一個bug,而不是我們要的跟上一行一個一個對齊的效果。

現在來解決這個問題,在這里提供兩個方法:

偽類:after
提供占位元素

偽類方案

占位元素方案

效果

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 社会| 左贡县| 宜城市| 泸西县| 广元市| 郎溪县| 衢州市| 吐鲁番市| 潍坊市| 依兰县| 长丰县| 醴陵市| 宣汉县| 邵阳市| 昌图县| 盐城市| 黑山县| 九寨沟县| 正宁县| 宜都市| 宿松县| 沧源| 汉源县| 晋城| 衡阳县| 丹巴县| 鹿泉市| 神农架林区| 宿州市| 象州县| 澜沧| 班玛县| 临漳县| 金寨县| 多伦县| 绥滨县| 河池市| 兰西县| 营山县| 连江县| 井研县|