Exemplo
Vertical alinhar o conteúdo dentro <th> elementos:
<table>
<tr>
<th valign="bottom">Month</th>
<th valign="bottom">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 de uma célula de cabeçalho.
Suporte a navegadores
Atributo | |||||
---|---|---|---|---|---|
valign | sim | sim | sim | sim | sim |
Notas de compatibilidade
O valign atributo da <th> não é suportado no HTML5. Use CSS em vez disso.
Sintaxe CSS: <th style="vertical-align:bottom">
CSS Exemplo: conteúdo align vertical dentro <th>
Em nosso tutorial CSS pode encontrar mais detalhes sobre a vertical-align property .
Sintaxe
<th 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"