Comment justifier le texte en haut d'une cellule de table en html

Création d'une table en HTML est un processus relativement facile: il suffit de définir l'élément de tableau, ajouter au moins une rangée, puis ajouter des cellules jusqu'à ce que la table atteint la largeur souhaitée. Par défaut, les cellules de tableau HTML non formatés aligner verticalement le contenu par rapport au centre de la cellule la plus haute. Bien que cet arrangement fonctionne bien pour certaines applications, les concepteurs veulent souvent l'option d'aligner le contenu sur le bord supérieur d'une cellule à la place. La production de ce comportement est rapide et facile, et est mieux réalisée par l'incorporation d'un peu de code CSS dans votre tableau HTML.

Instructions

  1. 1

    Ouvrez le fichier HTML dans un éditeur de texte de votre choix, et de localiser le tableau correspondant.

  2. 2

    Identifier la cellule ou la ligne dont le contenu que vous souhaitez haut-align. Si elle est une cellule unique, il sera représenté par un élément, tandis qu'une rangée est un élément, par exemple:


    Première cellule
    Deuxième cellule

  3. 3

    Copiez et collez ce code de style CSS dans l'élément pertinent:

    style ="vertical-align: top-"

    Par exemple, si vous vouliez une ligne entière en haut-align, collez-le dans l'élément de ligne, comme ceci:

  4. 4

    Enregistrez votre page et de l'ouvrir dans votre navigateur. Le contenu de la cellule de table qui, auparavant, aligné sur le milieu de la rangée est maintenant justifié long du bord supérieur de chaque cellule.

» » » » Comment justifier le texte en haut d'une cellule de table en html