개발자 미니민의 개발스터디

[HTML] valign 태그

by mini_min
[HTML]
valign 태그

✔️ valign 태그

: 셀 내용의 수직 정렬을 정의한다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 셀 안에서의 내용을 .. -->
<h3>테이블 - valign : 셀 내용의 수직 정렬을 정의 </h3>
<table border="1" style="width: 400px; border-collapse: collapse;">
<tr height="100" align="center">
<td width="100" valign="top">A</td>
<td width="100">B</td>
<td width="100" valign="middle">C</td>
<td width="100" valign="bottom">D</td>
</tr>
<tr height="100" align="center">
<td width="100" style="vertical-align: top;">A</td>
<td width="100">B</td>
<td width="100" style="vertical-align: middle;">C</td>
<td width="100" style="vertical-align: bottom;">D</td>
</tr>
</table>
</body>
</html>

 

 

 

 

 

블로그의 프로필 사진

블로그의 정보

개발자 미니민의 개발로그

mini_min

활동하기