楽しいだけで十分です

6ステップでマスターする 「最新標準」HTML+CSSデザイン_ch3-6

6ステップでマスターする 「最新標準」HTML+CSSデザイン | マイナビブックスのメモです。


要素を左右両端揃えにする

  • 要素が2つの場合
.container {
  display: flex;
  justify-content: space-between;
}
.container {
  display: flex;
}

.container 左に残したい要素 {
  margin-right: auto;
}

要素の上下方向を中央揃えにする

.container {
  display: flex;
  align-items: center;
}
yinm

WRITTEN BY yinm

I'm a software engineer.