- TD vertical-align middle
1 개요[ | ]
- HTML 테이블 TD의 세로 정렬은 중앙이 기본값이다.
- 위 또는 아래로 변경하려면 세로 정렬(vertical-align) 속성을 바꾸면 된다.
2 소스 코드[ | ]
html
Copy
<!DOCTYPE html>
<meta charset="utf-8" />
<title>테이블 TD 세로 중앙</title>
<style>
.tr1 {height:50px;background:#ace;}
.td1 {}
.td2 {vertical-align:center}
.td3 {vertical-align:middle}
.td4 {vertical-align:asdfasdf}
.td5 {vertical-align:top}
.td6 {vertical-align:bottom}
</style>
<table>
<tr class='tr1'>
<td class='td1'>(기본값)</td>
<td class='td2'>center</td>
<td class='td3'>middle</td>
<td class='td4'>asdfasdf </td>
<td class='td5'>top</td>
<td class='td6'>bottom</td>
</tr>
</table>
- 예제: http://zetawiki.com/ex/css/table_middle.php
- 명시하지 않거나 center, 오타 등은 기본값인 middle이 적용된다.
3 같이 보기[ | ]
4 참고[ | ]
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.