css | div 에서 글자의 세로정렬을 중앙으로 배치하는 방법
페이지 정보
- 작성자:
- 핵탐
- 작성일
- 10.19 15:31
- 조회
- 3,040
- 댓글
- 0
본문
방법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]
댓글 0개
등록된 댓글이 없습니다.