HTML DOM TD / vAlign와 속성 일
TD / 일 객체 정의 및 사용
vAlign와 속성 집합 또는 셀 내의 데이터의 수직 배열을 반환합니다.
문법
vAlign와 속성 설정 :
tdObject.vAlign="baseline|bottom|middle|top"
或者
thObject.vAlign="baseline|bottom|middle|top"
或者
thObject.vAlign="baseline|bottom|middle|top"
vAlign와 속성을 뒤로 :
tdObject.vAlign
或者
thObject.vAlign
或者
thObject.vAlign
| 值 | 描述 |
|---|---|
| baseline | 与基线对齐。 |
| bottom | 对内容进行下对齐。 |
| middle | 对内容进行下对齐。 |
| top | 对内容进行上对齐。 |
브라우저 지원
모든 주요 브라우저는 vAlign와 속성을 지원
예
예
다음은 데이터 내의 셀들의 수직 배열을 변경 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
. 중요 document.getElementById ( 'TD1') vAlign와는 = "최고";
중요 document.getElementById ( 'TD2') vAlign와 = "최고";
. 중요 document.getElementById ( 'TD3') vAlign와는 = "최고";
}
</ 스크립트>
</ 헤드>
<바디>
<표 폭 = "50 %"테두리 = "1">
<TR>
<목> FIRSTNAME </ 일>
<목> 성 </ 일>
<목> 텍스트 </ 일>
</ TR>
<TR>
<TD 아이디 = "TD1"> 베드로 </ TD>
<TD 아이디 = "TD2"> 그리핀 </ TD>
<TD 아이디 = "TD3은"> 안녕하세요, 제 이름은 피터가, 나는 긴 텍스트를 입증 할 필요가 긴 텍스트를 입증 할 필요가있다. </ TD>
</ TR>
</ 테이블>
로 <br>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 컨텐츠를 정렬 </ 버튼>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
. 중요 document.getElementById ( 'TD1') vAlign와는 = "최고";
중요 document.getElementById ( 'TD2') vAlign와 = "최고";
. 중요 document.getElementById ( 'TD3') vAlign와는 = "최고";
}
</ 스크립트>
</ 헤드>
<바디>
<표 폭 = "50 %"테두리 = "1">
<TR>
<목> FIRSTNAME </ 일>
<목> 성 </ 일>
<목> 텍스트 </ 일>
</ TR>
<TR>
<TD 아이디 = "TD1"> 베드로 </ TD>
<TD 아이디 = "TD2"> 그리핀 </ TD>
<TD 아이디 = "TD3은"> 안녕하세요, 제 이름은 피터가, 나는 긴 텍스트를 입증 할 필요가 긴 텍스트를 입증 할 필요가있다. </ TD>
</ TR>
</ 테이블>
로 <br>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 컨텐츠를 정렬 </ 버튼>
</ BODY>
</ HTML>
»시도
TD / 일 객체