Exemplo
Uma tabela HTML com diferentes colunas verticais alinhados:
<table style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<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 em um grupo de colunas.
Suporte a navegadores
| Atributo | |||||
|---|---|---|---|---|---|
| valign | Não suportado | sim | Não suportado | Não suportado | Não suportado |
O valign atributo é suportado apenas no Internet Explorer e Opera 12 e versões anteriores. No entanto, eles não suportam o valor "baseline" .
Notas de compatibilidade
O valign atributo da <colgroup> não é suportado no HTML5. Use CSS em vez disso.
Sintaxe CSS: <td style="vertical-align:bottom">
Exemplo CSS: O texto vertical-align em colunas da tabela
Em nosso tutorial CSS pode encontrar mais detalhes sobre o vertical-align propriedade .
Sintaxe
<colgroup 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"