개인공간

[CSS] 세로중앙정렬 팁 본문

IT정보/CSS_CSS3

[CSS] 세로중앙정렬 팁

천재소년s 2012. 11. 17. 18:39
반응형

 

 

세로정렬
세로정렬
세로정렬

CSS Code

.warp_height{height:100px; border:2px solid #000; margin:20px;} /* 높이가 꼭 정해져야함 */
.temp_tag{display: inline-block; vertical-align: middle; width: 0; height: 100%; border:1px solid red;}
.midde_tag{display:inline-block;vertical-align:middle;}


HTML Code


	

	

	세로정렬
세로정렬
세로정렬
반응형
저작자표시

'IT정보 > CSS_CSS3' 카테고리의 다른 글

[CSS3] CSS3 Transitions  (0) 2012.11.18
[CSS] 세로정렬100%  (0) 2012.11.17
[CSS] table-layout auto와 fixed  (0) 2012.11.12
[CSS] display에 대한이해  (0) 2012.11.12
[CSS3] 그라데이션 처리방법  (0) 2012.08.20
'IT정보/CSS_CSS3' Related Articles more