세로 중앙정렬 질문입니다.!
렁찬
딱히 어떤 코드에 대한 질문이 아니라여 ㅇ_ㅇ;
어떤 이미지가 있는데여 그 이미지를 가로 중앙정렬 말고
세로에도 중앙정렬을 먹일수 있나요? 스크립트 사용하지 않고
html과 css만으로용
margin:0 auto;
저런식으로요 .. 궁금합니다.ㅠㅠ
전체를 td로 감싸는 식 말고욤
그냥
div
img src= alt= /
/div
요런식일때 말씀드리는 고에염
제가 설명을 잘 못했네여;; div 안에서가 아니 모니터 상에서의 세로정렬입니다;;
-
초롬
안에들어가는 이미지가 사이즈가 유동적이라면
divimg src=\image.gif\ /span/span/div
-css-
div{text-align:center;}
div span{vertical-align:middle; overflow:hidden; display:inline-block; width:0; height:100%;}
이렇게 div안에 이미지 뒤에다 빈 span태그를 넣고 위와 같이 스타일 선언해주시면
이미지 크기에 상관없이 가 -
보미나
좋은 정보 감사합니다....(__)
-
반율하
전체 화면에서의 세로 정렬이라면 포지셔닝을 하시면되구요,
박스안에서의 세로정렬은 열심히 겹싸서 vertical-align을 하시는 수밖에..
세로정렬 토나온다는...ㅠㅠ
한번하고 다음에 또 하려면 기억도 안나고 되지도 않고.. -
가을
그렇네요. 왜 85가 되었지?
ㅎㅎ -
MyWay
완전 감사해요~이거보고 해결했어요~.
근데 질문하나해도될까요?
margin-top , margin-left 다음에 수치 기준은 어떻게 되는건가요??
170px 일때 왜 -75px가 되는거죠..??
완전 초보질문 죄송해요;;
감기조심하세요~ -
링고
width:170px; height:170px; 이면
margin-top:-75px; margin-left:-75px; 가 되야
가로세로 중앙정렬이 되는거겠죠 ㅇㅅㅇ? -
물고기자리
;;제가 설명을 잘못했네여;; 수정했습니다.ㅎ
-
초코맛캔디
;;제가 설명을 잘못했네여;; 수정했습니다.
-
맑은가람
vertical-align:middle;
-
봄바람
vertical-align:middle; 하면 .. 세로중앙정렬 되요 .
text-align:center; 하면 가로중앙정렬.