예
다른 수직 정렬 된 열 HTML 테이블 :
<table style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
»그것을 자신을 시도 정의 및 사용
valign 속성 컬럼 그룹 콘텐츠의 수직 정렬을 지정한다.
브라우저 지원
| 속성 | |||||
|---|---|---|---|---|---|
| valign | 지원되지 않음 | 예 | 지원되지 않음 | 지원되지 않음 | 지원되지 않음 |
valign 속성은 인터넷 익스플로러와 오페라 12 및 이전 버전에서 지원됩니다. 그러나 이러한 값을 지원하지 않는 "baseline" .
호환성 노트
valign 의 속성은 <colgroup> HTML5에서 지원되지 않습니다. CSS를 대신 사용합니다.
CSS 구문 : <td style="vertical-align:bottom">
우리의 CSS 튜토리얼에서 당신은에 대한 자세한 내용은 찾을 수 있습니다 vertical-align 속성을 .
통사론
<colgroup valign="top|middle|bottom|baseline">
속성 값
| 값 | 기술 |
|---|---|
| top | 상단 정렬 콘텐츠 |
| middle | 중앙 정렬 콘텐츠 |
| bottom | 하단 정렬 콘텐츠 |
| baseline | 베이스 라인은 대부분의 문자 텍스트의 라인에 "앉아"는 "가상의 선"입니다. 기준선 값은 모든 테이블 데이터는 동일한 기준을 공유하도록 로우를 설정한다. 종종 이것은 아래의 값과 같은 효과를 갖는다. 글꼴이 서로 다른 크기에있는 경우, 기준선은 더 나은 보인다. 아래 그림 봐 |
베이스 라인 대 아래의 그림 글꼴은 서로 다른 크기에있는 경우 :
vAlign와는 = "바닥"
vAlign와는 = "기본"