ZSL

CSS 置中方式

Published:
Updated:

總是記不起來 CSS 置中方式，因此做一個小筆記。

Normal Flow 

.container {
  text-align: center;
}

Grid Layout 

.container {
  display: grid;
  place-items: center;
}

Flex Layout 

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

Related Articles

↑