세로정렬인 경우는 그냥 되지 않습니다.
DIV의 속성을 BLOCK레벨에서 TABLE레벨로 변경한뒤 vertical align을 middle로 주면 됩니다.
<div style='display:table-cell;vertical-align:middle'> 세로 중앙정렬 입니다. </div>
여기서 중요한 부분은 태그의 Display속성이 table-cell이어야 한다는 것입니다.
'World Wide Web > CSS' 카테고리의 다른 글
| css3 flip효과주기 (0) | 2017.02.07 |
|---|---|
| tbody 스크롤 만들기 (3) | 2015.07.14 |
| "..."을 css로 처리하는 방법 (0) | 2015.06.25 |
| IE에서 PNG에 opacity사용시 검은배경 막기 (0) | 2015.05.13 |
| float:left 썼을 때 가운데정렬 방법 (0) | 2014.12.24 |