[CSS]div로 요소 세로 가운데 정렬
웹 & 안드로이드/HTML52014. 7. 24. 09:55
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 |
<style>
#tableDiv{
height:100%;
display : table;
}
$cellDiv{
display : table-cell;
vartical-align : middle;
}
</style>
<div id="tableDiv">
<div id="cellDiv">
<img src="#">
</div>
</div> |
display : table, table-cell은 table, td태그와 같은 효과를 부여하여 table-cell내 요소의 세로 정렬을 가능하게 만들어 준다.
'웹 & 안드로이드 > HTML5' 카테고리의 다른 글
| [jQuery]plugin - accordion (0) | 2014.07.29 |
|---|---|
| [jQuery]요소를 추가하는 메소드(append, prepend, after, before) (0) | 2014.07.23 |
| [jQuery]썸네일을 만들어주는 플러그인 NailThumb (0) | 2014.07.23 |
| websocket 정리(작성중..) (0) | 2014.07.08 |
| label 태그를 이용하여 폼 컨트롤 다루기. (0) | 2014.06.09 |
댓글()
