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

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

Patricia Arquette
Patricia Arquetteoriginal
2024-11-19 10:46:02175parcourir

How Can I Use Calc() Effectively with Percentage-Based Columns in HTML Tables?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn