Exemplo
Vertical alinhar o conteúdo dentro <td> elementos:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td valign="bottom">January</td>
<td valign="bottom">$100</td>
</tr>
</table>
Tente você mesmo " Definição e Uso
O valign atributo especifica o alinhamento vertical do conteúdo de uma célula.
Suporte a navegadores
| Atributo | |||||
|---|---|---|---|---|---|
| valign | sim | sim | sim | sim | sim |
Notas de compatibilidade
O valign atributo do <td> não é suportado no HTML5. Use CSS em vez disso.
Sintaxe CSS: <td style="vertical-align:bottom">
Exemplo CSS: conteúdo align vertical dentro <td>
Em nosso tutorial CSS pode encontrar mais detalhes sobre a vertical-align property .
Sintaxe
<td valign="top|middle|bottom|baseline">
Os valores dos atributos
| Valor | Descrição |
|---|---|
| top | Top content-align |
| middle | conteúdo do Centro-align |
| bottom | conteúdo Bottom-align |
| baseline | A linha de base é a "linha imaginária", que a maioria das letras "sentar" sobre, em uma linha de texto. O valor da linha de base define a linha de modo a que todos os dados da tabela compartilham a mesma linha de base. Muitas vezes, isto tem o mesmo efeito que o valor de fundo. No entanto, se as fontes estão em diferentes tamanhos, linha de base parece melhor. Observe a ilustração abaixo |
Ilustração de fundo vs. linha de base se as fontes estão em diferentes tamanhos:
valign = "bottom"
valign = "linha de base"