web-dev-qa-db-fra.com

Comment aligner le texte dans la ligne du tableau html?

J'utilise une table HTML. Je souhaite aligner le texte de td sur le centre de chaque cellule.

Comment aligner le texte horizontalement et verticalement au centre?

htmlcss
193
Rajagopal 웃

Voici un exemple avec les attributs CSS et inline style:

td 
{
    height: 50px; 
    width: 50px;
}

#cssTable td 
{
    text-align: center; 
    vertical-align: middle;
}
<table border="1">
    <tr>
        <td style="text-align: center; vertical-align: middle;">Text</td>
        <td style="text-align: center; vertical-align: middle;">Text</td>
    </tr>
</table>

<table border="1" id="cssTable">
    <tr>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>

http://jsfiddle.net/j2h3xo9k/

EDIT: l'attribut valign est obsolète en HTML5 et ne doit pas être utilisé.

288
David Laberge

Le CSS pour centrer le texte dans vos éléments td est

td {
  text-align: center;
  vertical-align: middle;
}
44
Carsten

Essayez de mettre cela dans votre fichier CSS.

td {
    text-align: center;
    vertical-align: middle;
}
28
Boris

exemple main longue en ligne:

<td style='text-align:center;vertical-align:middle'></td>

exemple abrégé css:

td{
 text-align:center;
 vertical-align:middle;
}
24
Hayden Thring

<td align="center" valign="center">textgoeshere</td>

Est la seule réponse correcte à mon humble avis, depuis votre travail avec des tableaux qui est une ancienne fonctionnalité la plus couramment utilisée pour le formatage de courrier électronique. Votre meilleur choix est donc de ne pas utiliser uniquement le style, mais le style en ligne et les balises de tableau connues.

5
Remi

<td align="center"valign="center">textgoeshere</td>

plus sur valign

1
Balaswamy Vaddeman