Maison > interface Web > tutoriel CSS > ## Pourquoi les valeurs Min-Width et Max-Width ne fonctionnent-elles pas sur les cellules d'un tableau ?

## Pourquoi les valeurs Min-Width et Max-Width ne fonctionnent-elles pas sur les cellules d'un tableau ?

Linda Hamilton
Libérer: 2024-10-24 19:10:02
original
437 Les gens l'ont consulté

## Why Do Min-Width and Max-Width Not Work on Table Cells?

Attributs de tableau : Min-Width et Max-Height

Lors de la définition de la disposition d'un tableau, il est essentiel d'être conscient de l'interprétation du navigateur et réactivité aux restrictions de largeur. Lorsque vous tentez de définir des largeurs minimales et maximales spécifiques en utilisant min-width et max-width pour les cellules du tableau (td), le navigateur peut les ignorer.

Pour surmonter ce problème, la propriété CSS appropriée à utiliser est width for cellules du tableau. En effet, min-width et max-width ne sont pas définis pour de tels éléments, conformément à la spécification CSS 2.1 :

"Dans CSS 2.1, l'effet de 'min-width' et 'max-width' sur Les tableaux, les tableaux en ligne, les cellules du tableau, les colonnes du tableau et les groupes de colonnes ne sont pas définis."

Pour garantir que les cellules du tableau adhèrent à la largeur spécifiée, une étape supplémentaire est nécessaire. En définissant la propriété table-layout sur "fixed", le navigateur adhérera à l'algorithme défini dans la spécification CSS :

  1. Calculez la largeur de chaque colonne en fonction de la largeur intrinsèque des cellules du tableau ou explicite propriétés de largeur.
  2. Répartir la largeur restante uniformément sur toutes les colonnes dimensionnées automatiquement.
  3. S'il n'y a pas assez d'espace pour contenir toutes les colonnes, la table peut déborder.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal