Comment puis-je migrer les attributs de tableau vers CSS en HTML5 ?

Transition des attributs de tableau HTML5

La fonctionnalité de validation HTML5 de Visual Studio identifie les attributs cellpadding, cellpacing, valign et align comme non valides pour les éléments du tableau. Pour résoudre ce problème, HTML5 introduit des alternatives CSS pour contrôler l'apparence et l'espacement des tableaux.

Cell Padding :

Remplacez cellpadding par la propriété CSS padding appliquée aux cellules du tableau ( et ). Par exemple :

<code class="css">th, td {
  padding: 5px;
}</code>

Espacement des cellules :

Remplacez l'espacement des cellules par les propriétés CSS border-collapse et border-spacing appliquées au tableau. border-collapse: séparé et border-spacing: 5px créera 5px d'espacement entre les cellules du tableau. border-collapse : collapse et border-spacing : 0 supprimeront tout espacement entre les cellules.

Alignement vertical :

Remplacez valign par l'alignement vertical CSS appliqué aux cellules du tableau . vertical-align : top alignera le contenu de la cellule en haut de la cellule.

Alignement horizontal (centre) :

Bien que l'alignement ne soit pas un attribut HTML5 valide, vous peut réaliser un centrage horizontal en utilisant CSS margin: 0 auto appliqué au tableau. Cela centrera la table horizontalement dans son conteneur parent.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!