HTML: Aligner Texte du Tableau en Haut

Définissez simplement la propriété vertical align (valign) de la cellule correspondante sur "top".

Par exemple, cela alignera la première colonne vers le haut:

<table>
  <tr>
    <td valign="top">contenu est aligné en haut</td>
    <td>contenu est aligné par défaut</td>
  </tr>
  <tr>
    <td valign="top">contenu est aligné en haut</td>
    <td>contenu est aligné par défaut</td>
  </tr>
</table>

Donc, insérez simplement valign="top" pour les td de votre choix - et le texte devrait rester en haut.
29/10/2023 à 13:32

Alternativement, vous pouvez également travailler avec CSS. La propriété CSS correspondante est appelée "vertical-align" et peut prendre les valeurs "top", "bottom" ou "middle".

Pour aligner le texte dans les cellules du tableau en haut, vous pouvez écrire ce qui suit:

td {
  vertical-align: top;
}

La beauté de cette solution, par rapport à la solution avec valign="top", est que vous pouvez définir la règle CSS une fois et de manière centralisée dans une feuille de style CSS sans avoir à éditer chaque cellule de votre(vos) tableau(s) individuellement. Cela vous aide également à séparer votre contenu de vos instructions de style.
02/11/2023 à 01:39