Comment puis-je définir la largeur maximale des cellules d'un tableau à l'aide de pourcentages en HTML ?

Définition de la largeur maximale des cellules du tableau à l'aide de pourcentages

Dans les tableaux HTML, définir la propriété de largeur maximale des cellules du tableau à l'aide de pourcentages peut parfois s'avérer difficile. Explorons comment y parvenir :

<br><table><br> <tr></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><td>Test</td>
<td>A long string blah blah blah</td>

Copier après la connexion

Le code ci-dessus peut ne pas produire l'effet souhaité en raison des limitations des règles CSS . Pour surmonter ce problème, nous utilisons la propriété table-layout la moins connue :

<br>table {<br> width: 100%;<br> table-layout: fixed;<br> }<br>

En définissant la disposition de la table sur fixe, le navigateur répartit uniformément la largeur restante entre les cellules du tableau, vous permettant de définir les pourcentages de largeur maximale comme vous le souhaitez.

Découvrez le violon mis à jour ici : http://jsfiddle.net/Fm5bM/4/ pour assister à la mise en œuvre en action.

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!