div 에서 글자의 세로정렬을 중앙으로 배치하는 법 > IT 기술백서

방법1) 한줄일때만 가능

 

[code]

&::before {

  content: ”;

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}

[/code]

 

방법2)

[code]

/* 부모 div */

.row {

  display: table;

}

/* 자식 div */

.col {

  display: table-cell;

  vertical-align: middle;

}

[/code]

 

방법3)

[code]

/* 부모 div */

.row {

  display: flex;

  align-items: center;

}

[/code]

 

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤