Css - 水平置中、垂直置中的各種方法

在網頁排版的時候經常會遇到需要水平（左右）、垂直（上下）置中的排版設計，同時也是前端面試的時候經常被問到的基礎考題。 可以先判斷要置中的元素： 是行內元素(inline element)還是區塊元素(block element) 想要水平置中還是垂直置中（或兩者皆是） 來分別對應不同的 CSS 置中方法。 文字水平垂直置中 行內元素（例如：文字）的置中方式。 Flex 💡 最推薦使用，與各瀏覽器相容度高。 使用 flexbox 排版 display: flex 搭配屬性 just...