Exemple
Une table HTML avec différentes colonnes verticales alignés:
<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>
Essayez - le vous - même » Définition et utilisation
Le valign attribut spécifie l'alignement vertical du contenu dans un groupe de colonnes.
support du navigateur
| Attribut | |||||
|---|---|---|---|---|---|
| valign | Non supporté | Oui | Non supporté | Non supporté | Non supporté |
Le valign attribut est pris en charge uniquement dans Internet Explorer et Opera 12 et les versions antérieures. Cependant, ils ne supportent pas la valeur "baseline" de "baseline" .
notes de compatibilité
Le valign attribut de <colgroup> ne sont pas pris en charge dans HTML5. Utilisez CSS à la place.
Syntaxe CSS: <td style="vertical-align:bottom">
CSS Exemple: le texte vertical-align dans les colonnes de table
Dans notre tutoriel CSS vous pouvez trouver plus de détails sur le vertical-align propriété .
Syntaxe
<colgroup valign="top|middle|bottom|baseline">
Attribut valeurs
| Valeur | La description |
|---|---|
| top | contenu Top-align |
| middle | contenu Centre-align |
| bottom | contenu Bottom-align |
| baseline | La ligne de base est la «ligne imaginaire» que la plupart des lettres "assis" sur, dans une ligne de texte. La valeur de référence définit la ligne de telle sorte que toutes les données de la table partagent la même base. Souvent, cela a le même effet que la valeur inférieure. Toutefois, si les polices sont de tailles différentes, de base semble mieux. Regardez l'illustration ci-dessous |
Illustration de fond par rapport à la ligne de base si les polices sont en différentes tailles:
valign = "bottom"
valign = "référence"