Exemplo
Vertical alinhar o conteúdo dentro do <tfoot> elemento para o fundo:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
<tfoot valign="bottom">
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
Tente você mesmo " Definição e Uso
O valign atributo especifica o alinhamento vertical do conteúdo em um <tfoot> elemento.
Suporte a navegadores
| Atributo | |||||
|---|---|---|---|---|---|
| valign | sim | sim | sim | sim | sim |
Notas de compatibilidade
O valign atributo da <tfoot> não é suportado no HTML5. Use CSS em vez disso.
Sintaxe CSS: <tfoot style="vertical-align:bottom">
CSS Exemplo: conteúdo align vertical dentro <tfoot>
Em nosso tutorial CSS pode encontrar mais detalhes sobre a vertical-align property .
Sintaxe
<tfoot 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"