Comment puis-je utiliser Calc() efficacement avec des colonnes basées sur des pourcentages dans des tableaux HTML ?

Utiliser Calc() avec des tableaux : surmonter le dilemme des pourcentages

Créer des tableaux avec des colonnes à largeur fixe et variable peut être difficile, surtout lorsque essayer d'utiliser la fonction calc() en leur sein.

En HTML, définir des largeurs de colonne fixes est simple en utilisant px ou em. Cependant, pour les colonnes de largeur variable, l'unité de pourcentage (%) est souvent utilisée. Cependant, lorsque vous utilisez calc() dans des tableaux, les pourcentages semblent inefficaces.

Pour surmonter cette limitation, l'attribut table-layout peut être appliqué au tableau. Cet attribut applique des largeurs fixes pour les éléments td enfants, permettant aux pourcentages CSS de fonctionner comme prévu.

HTML :

<table border="0">

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!