[CSS] 對齊

左右對齊

陳漢庭
Oct 22, 2020

以下圖上面例子來說,使用flex在使用`justify-content: space-between`就可以讓自動分配空間一左一右。使用下圖下方例子則是利用`position: absolute`將右上方的看更多固定在上面。這篇文章有更多flex相關使用方式,寫得很好。

用`margin-right: auto`可以實現左右對齊。以下圖為例,使用了margin-right: auto`的話就可以不用將.login-and-cart, .hamburger兩個包起來排序了。

上下對齊

待更新…

置中對齊

待更新…

高度自適應(使用margin/padding)

待更新…

--

--

陳漢庭
陳漢庭

Written by 陳漢庭

由於零散的紀錄過了一段時間之後就看不懂了,於是為了強迫自己用故事的方式記錄學到的東西,就開啟我的發文之路。

No responses yet