Les feuilles de style en cascade (CSS) sont un langage de feuille de style généralement utilisé pour définir le style visuel des pages Web écrites en HTML et XHTML. Vous êtes peut-être novice en conception de sites Web ou en CSS et vous avez des questions sur la manière de centrer un tableau sur une page Web. Vous êtes peut-être également un concepteur expérimenté qui ne comprend pas comment appliquer cette technique maintenant que les balises CENTER et align = "center" sont obsolètes dans la balise TABLE. Avec CSS, centrer les tableaux sur une page Web n’est pas du tout difficile.
Utiliser CSS pour centrer une table
Vous pouvez ajouter une seule ligne à votre feuille de style CSS pour centrer toutes les tables horizontalement:
ou vous pouvez ajouter cette même ligne directement à votre table:
Lorsque vous placez une table dans une page Web, vous la placez dans un élément de niveau bloc, tel que BODY, P, BLOCKQUOTE ou DIV. Vous pouvez centrer la table dans cet élément en utilisant le marge: auto; style. Cela indique au navigateur de rendre égales les marges de tous les côtés de la table, ce qui la positionne au centre de la page Web.
Certains navigateurs Web plus anciens ne prennent pas en charge cette méthode
Si votre site doit prendre en charge un navigateur Web plus ancien, tel que Internet Explorer 6, vous devez continuer à utiliseralign = "center" ou la balise CENTER pour centrer vos tables. C'est à peu près la seule complication que vous rencontrerez en centrant vos tableaux sur une page Web. L'utilisation de cette technique est simple et peut être exécutée en quelques minutes.
