HTML DOM td / th properti valign
Definisi dan Penggunaan
valign set properti atau mengembalikan pengaturan vertikal dari data dalam sel.
tatabahasa
Pengaturan properti valign:
tdObject.vAlign="baseline|bottom|middle|top"
或者
thObject.vAlign="baseline|bottom|middle|top"
或者
thObject.vAlign="baseline|bottom|middle|top"
Kembali sifat valign:
tdObject.vAlign
或者
thObject.vAlign
或者
thObject.vAlign
值 | 描述 |
---|---|
baseline | 与基线对齐。 |
bottom | 对内容进行下对齐。 |
middle | 对内容进行下对齐。 |
top | 对内容进行上对齐。 |
Dukungan Browser
Semua browser utama mendukung properti valign
contoh
contoh
Contoh berikut mengubah susunan vertikal dari sel dalam data:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
. Document.getElementById ( 'TD1') valign = "top";
document.getElementById ( 'TD2') valign = "top" .;
. Document.getElementById ( 'td3') valign = "top";
}
</ Script>
</ Kepala>
<Body>
<Table width = "50%" border = "1">
<Tr>
<Th> Nama depan </ th>
<Th> Namabelakang </ th>
<Th> Teks </ th>
</ Tr>
<Tr>
<Td id = "TD1"> Peter </ td>
<Td id = "TD2"> Griffin </ td>
<Td id = "td3"> Hello, nama saya Peter, saya harus menunjukkan teks panjang, saya harus menunjukkan teks panjang. </ Td>
</ Tr>
</ Table>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Sejajarkan konten up </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
. Document.getElementById ( 'TD1') valign = "top";
document.getElementById ( 'TD2') valign = "top" .;
. Document.getElementById ( 'td3') valign = "top";
}
</ Script>
</ Kepala>
<Body>
<Table width = "50%" border = "1">
<Tr>
<Th> Nama depan </ th>
<Th> Namabelakang </ th>
<Th> Teks </ th>
</ Tr>
<Tr>
<Td id = "TD1"> Peter </ td>
<Td id = "TD2"> Griffin </ td>
<Td id = "td3"> Hello, nama saya Peter, saya harus menunjukkan teks panjang, saya harus menunjukkan teks panjang. </ Td>
</ Tr>
</ Table>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Sejajarkan konten up </ button>
</ Body>
</ Html>
Coba »
td / benda th