css vertical align

hivelab 의 Vertical-align 파헤치기

설명이 잘 되어 있다

[공유] Vertical-align 파헤치기! – 1부

[공유] Vertical-align 파헤치기! – 2부

issue

IE 에 box 가 vertical-align center 에 오지 않았다

• 해결 링크

  .flex-container {
      min-height: 100px;
      display: flex;
      align-items: center;
  }
  .flex-container:after {
      content: '';
      min-height: inherit;
      font-size: 0;
  }