Exemplo
Uma tabela HTML com diferentes linhas verticais alinhados:
<table>
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<td>January</td>
<td>$100</td>
</tr>
</table>
Tente você mesmo " Definição e Uso
O valign atributo especifica o alinhamento vertical do conteúdo de uma linha da tabela.
Suporte a navegadores
| Atributo | |||||
|---|---|---|---|---|---|
| valign | sim | sim | sim | sim | sim |
Notas de compatibilidade
O valign atributo da <tr> não é suportado no HTML5. Use CSS em vez disso.
Sintaxe CSS: <tr style="vertical-align:bottom">
CSS Exemplo: conteúdo align vertical dentro <tr>
Em nosso tutorial CSS pode encontrar mais detalhes sobre a propriedade vertical-align .
Sintaxe
<tr 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="baseline"