Exemple
Une table HTML avec différentes lignes verticales alignés:
<table>
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<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 une ligne de table.
support du navigateur
| Attribut | |||||
|---|---|---|---|---|---|
| valign | Oui | Oui | Oui | Oui | Oui |
notes de compatibilité
Le valign attribut de <tr> est pas pris en charge HTML5. Utilisez CSS à la place.
Syntaxe CSS: <tr style="vertical-align:bottom">
CSS Exemple: contenu vertical align intérieur <tr>
Dans notre tutoriel CSS vous pouvez trouver plus de détails sur la propriété vertical-align .
Syntaxe
<tr 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="baseline"