English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
<tr> Utilisation de l'attribut valign, l'attribut valign spécifie la manière dont le contenu des lignes de tableau est aligné verticalement, des exemples en ligne montrent comment utiliser l'attribut valign de <tr>, la compatibilité des navigateurs, la définition de la syntaxe et les détails des valeurs des attributs, etc.
Un tableau HTML avec des lignes de alignement vertical différentes :
<table style="width:100%" border="1"> <tr valign="middle"> <td>2018</td> <td>$15320.00</td> </tr> <tr valign="top"> <td>2019</td> <td>$18320.00</td> </tr> </table>Voyons un test ‹/›
IEFirefoxOpéraChromeSafari
Tous les navigateurs populaires prennent en charge l'attribut valign.
HTML5 L'attribut valign de <tr> n'est pas pris en charge. Utilisez CSS à la place.
L'attribut valign spécifie la manière dont le contenu des lignes de tableau est aligné verticalement.
<tr valign="top|middle|bottom|baseline">
Valeur | Description |
---|---|
top | Alignement en haut du contenu. |
middle | Alignement central du contenu (valeur par défaut). |
bottom | Alignement en bas du contenu. |
baseline | Alignement au bas. La ligne de base est une ligne fictive. Dans une ligne de texte, la plupart des lettres se basent sur la ligne de base. La valeur de ligne de base fait que tous les données de tableau dans une ligne partagent la même ligne de base. L'effet de cette valeur est souvent le même que celui de bottom. Cependant, si les tailles de police du texte sont différentes, l'effet de baseline est meilleur. Voir l'illustration ci-dessous. |
Illustration bottom vs. baseline lorsque les tailles de police du texte sont différentes :
valign="bottom"
valign="baseline"
HTML <tr> balise