HTML DOM td / th własności valign
Definicja i Wykorzystanie
Zestawy właściwości valign i powraca do położenia pionowego danych w komórce.
gramatyka
Ustawianie właściwości valign:
tdObject.vAlign="baseline|bottom|middle|top"
或者
thObject.vAlign="baseline|bottom|middle|top"
或者
thObject.vAlign="baseline|bottom|middle|top"
Back właściwości valign:
tdObject.vAlign
或者
thObject.vAlign
或者
thObject.vAlign
值 | 描述 |
---|---|
baseline | 与基线对齐。 |
bottom | 对内容进行下对齐。 |
middle | 对内容进行下对齐。 |
top | 对内容进行上对齐。 |
Pomoc Browser
Wszystkie główne przeglądarki obsługują właściwość valign
Przykłady
Przykłady
Poniższy przykład zmienia pionowe rozmieszczenie komórek wewnątrz danych:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
. Document.getElementById ( 'TD1') valign = "top";
document.getElementById ( 'TD2') valign = "top" .;
. Document.getElementById ( 'TD3') valign = "top";
}
</ Script>
</ Head>
<Body>
<Szerokość stołu = "50%" border = "1">
<Tr>
<Th> Imię </ th>
<Th> Nazwisko </ th>
<Th> Tekst </ th>
</ Tr>
<Tr>
<Td id = "TD1"> Piotr </ td>
<Td id = "TD2"> Griffin </ td>
<Td id = "TD3"> Witam, mam na imię Piotr, muszę wykazywać długi tekst, muszę wykazywać długi tekst. </ Td>
</ Tr>
</ Table>
Największa
<Type = "button" button onclick = "displayResult ()"> Dopasuj zawartość w górę </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
. Document.getElementById ( 'TD1') valign = "top";
document.getElementById ( 'TD2') valign = "top" .;
. Document.getElementById ( 'TD3') valign = "top";
}
</ Script>
</ Head>
<Body>
<Szerokość stołu = "50%" border = "1">
<Tr>
<Th> Imię </ th>
<Th> Nazwisko </ th>
<Th> Tekst </ th>
</ Tr>
<Tr>
<Td id = "TD1"> Piotr </ td>
<Td id = "TD2"> Griffin </ td>
<Td id = "TD3"> Witam, mam na imię Piotr, muszę wykazywać długi tekst, muszę wykazywać długi tekst. </ Td>
</ Tr>
</ Table>
Największa
<Type = "button" button onclick = "displayResult ()"> Dopasuj zawartość w górę </ button>
</ Body>
</ Html>
Spróbuj »
TD / TH obiekty