테이블 TD 세로 중앙

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 같이 보기[ | ]

DIV 세로 중앙

4 참고[ | ]

http://koxo.com/lang/js/style/verticalAlign.html