예
수직 내부 콘텐츠 정렬 <tfoot> 하단에 요소를 :
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
<tfoot valign="bottom">
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
»그것을 자신을 시도 정의 및 사용
valign 속성은의 내용의 수직 정렬을 지정하는 <tfoot> 요소를.
브라우저 지원
속성 | |||||
---|---|---|---|---|---|
valign | 예 | 예 | 예 | 예 | 예 |
호환성 노트
valign 의 속성은 <tfoot> HTML5에서 지원되지 않습니다. CSS를 대신 사용합니다.
CSS 구문 : <tfoot style="vertical-align:bottom">
우리의 CSS 튜토리얼에서 당신은에 대한 자세한 내용은 찾을 수 있습니다 vertical-align property .
통사론
<tfoot valign="top|middle|bottom|baseline">
속성 값
값 | 기술 |
---|---|
top | 상단 정렬 콘텐츠 |
middle | 중앙 정렬 콘텐츠 |
bottom | 하단 정렬 콘텐츠 |
baseline | 베이스 라인은 대부분의 문자 텍스트의 라인에 "앉아"가상 선이다. 기준선 값은 모든 테이블 데이터는 동일한 기준을 공유하도록 로우를 설정한다. 종종 이것은 아래의 값과 같은 효과를 갖는다. 글꼴이 서로 다른 크기에있는 경우, 기준선은 더 나은 보인다. 아래 그림 봐 |
베이스 라인 대 아래의 그림 글꼴은 서로 다른 크기에있는 경우 :
valign="bottom"
valign="baseline"