이미지가 수직으로 중앙 정렬이 왜 안 되는 걸까요?
margin, padding 값을 안 주고 수직 중앙 정렬 시키는 법 아시면 좀 알려주세요!
vertical-align:middle; display:table-cell; 속성이 먹히지 않습니다. ㅡㅡ;;
<style>
div {float:right; text-align:center; width:700px; height:300px; background:red; vertical-align:middle; display:table-cell;}
</style>
<div>
<a href=http://www.homzzang.com target=blank><img src=http://cfile7.uf.tistory.com/image/2411FE4C51B59E391B92F4 border=0></div>
ps.
이래 저래 해보니까, float:right 속성을 빼니 수직 중앙 정렬이 됩니다.
float 속성을 동일한 요소에 같이 사용하면서 수직 중앙 정렬을 하려면 어떻게 해야 할까요?
빨간색 박스는 화면의 오른쪽, 이미지는 빨간색 박스 안의 정중앙에 오게 하려면 정령 어떻게 해야?
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2014-09-30 (화) 12:25:03
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.