DOM HTML td / th propiedad vAlign
TD / objetos th Definición y Uso
valign conjuntos de propiedades o devuelve la disposición vertical de los datos dentro de la célula.
gramática
Configuración de las propiedades valign:
tdObject.vAlign="baseline|bottom|middle|top"
或者
thObject.vAlign="baseline|bottom|middle|top"
或者
thObject.vAlign="baseline|bottom|middle|top"
Respaldar propiedades valign:
tdObject.vAlign
或者
thObject.vAlign
或者
thObject.vAlign
| 值 | 描述 |
|---|---|
| baseline | 与基线对齐。 |
| bottom | 对内容进行下对齐。 |
| middle | 对内容进行下对齐。 |
| top | 对内容进行上对齐。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad vAlign
Ejemplos
Ejemplos
El ejemplo siguiente se cambia la disposición vertical de las células dentro de los datos:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
. Document.getElementById ( 'TD1') vAlign = "top";
document.getElementById ( 'TD2') vAlign = "top" .;
. Document.getElementById ( 'td3') vAlign = "top";
}
</ Script>
</ Head>
<Cuerpo>
<Table width = "50%" border = "1">
<Tr>
<TH> Nombre </ th>
<TH> Apellido </ th>
<TH> texto </ th>
</ Tr>
<Tr>
<Td id = "dv1"> Pedro </ td>
<Td id = "TD2"> Griffin </ td>
<Td id = "td3"> Hola, mi nombre es Peter, necesito demostrar un texto largo, que necesito para demostrar un texto largo. </ Td>
</ Tr>
</ Table>
<br>
<Botón tipo "botón" = onclick = "displayResult ()"> Alinear el contenido hasta el botón </>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
. Document.getElementById ( 'TD1') vAlign = "top";
document.getElementById ( 'TD2') vAlign = "top" .;
. Document.getElementById ( 'td3') vAlign = "top";
}
</ Script>
</ Head>
<Cuerpo>
<Table width = "50%" border = "1">
<Tr>
<TH> Nombre </ th>
<TH> Apellido </ th>
<TH> texto </ th>
</ Tr>
<Tr>
<Td id = "dv1"> Pedro </ td>
<Td id = "TD2"> Griffin </ td>
<Td id = "td3"> Hola, mi nombre es Peter, necesito demostrar un texto largo, que necesito para demostrar un texto largo. </ Td>
</ Tr>
</ Table>
<br>
<Botón tipo "botón" = onclick = "displayResult ()"> Alinear el contenido hasta el botón </>
</ Body>
</ Html>
Trate »
TD / objetos th