'이미지 세로 가운데 정렬'에 해당되는 글 1건
- 2012.10.15 [CSS] 이미지 세로 가운데 정렬
div.thumb {
background: #eee;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
}
div.thumb:after {
content: " ";
margin-left: -0.6em;
white-space: pre;
}
div.thumb img {
vertical-align: middle;
}
<div class="thumb"> <img src=http://img.jpg alt=""> </div>
width와 height 이미지에 맞게 조정
사용가능 브라우저 : IE8 이상, 사파리,파이어폭스
출처 : http://blog.naver.com/PostView.nhn?blogId=2z00&logNo=140165679377
'-=-= 컴퓨터 =-=- > 웹프로그래밍' 카테고리의 다른 글
| onsubmit return false (0) | 2012.11.19 |
|---|---|
| Struts 메시지 프로퍼티 사용하기 (0) | 2012.11.12 |
| 자바스크립트 문자열검사 (0) | 2012.09.21 |
| [펌]JSP 에러처리 방법 및 우선순위 (0) | 2012.09.07 |
| window.createPopup()을 이용한 팝업창의 드래그 방지 (0) | 2012.07.05 |
Prev
Rss Feed