div태그안에 텍스트 수직정렬에 대해 ..알려주시겠어요^^;;
해나
안녕하세요~사이트가입한지 얼마 안된,웹표준 왕초보입니다..
너무 궁금한 나머지 이렇게 올리게 되었어요..
div태그안에 시스템폰트로 글씨를 써야는데 가로정렬은 되는데 수직가운데정렬이 잘안되네요..(vertical-align:center;를 예상했는데 안되더라구요ㅠ.ㅠ)
할수없이 그부분은 테이블로 처리했는데.찝찝한건 어쩔수 없더라구여;;;;;;;좋은방법있으시면 좀 갈켜주세용
------------------------------------------------------------------------------------------------------------------
style type=text/css
!--
#st {
text-align:center;
width:200px;
height:250px;
}
li{list-style-type:none;float:left;}
--
/style
/head
body
div id=st
ul
li홍홍홍홍/li
li힝힝힝힝/li
li숑숑숑숑/li
/ul
/div
------------------------------------------------------------------------------------------------------------------
읽어주셔서 감사합니다.
-
비마중
DOCTYPE이 선언된 웹표준 문서에서는 table과 이미지 단독 요소를 제외하고는 vertical-align이 적용되지 않습니다. 이에 여러가지 꽁수가 있긴합니다만.. 위와같은 한줄짜리 요소라면..
li에 line-height:16px; 등의 줄간격을 글씨 높이 만큼으로 설정하여 세로정렬을 할 수 있습니다.