Comment définir la largeur des cellules d'un tableau en CSS : pourquoi les largeurs minimale et maximale ne fonctionnent-elles pas ?

Utilisation de la propriété width pour les cellules d'un tableau

Malgré les attentes, les propriétés min-width et max-width ne sont pas applicables aux cellules du tableau. Selon la spécification CSS, leur effet sur les cellules du tableau n'est pas défini.

Solution alternative

Pour définir la largeur des cellules du tableau, utilisez plutôt la propriété width. Il définit efficacement la largeur minimale et maximale des cellules du tableau.

Exemple :

<code class="css">td {
    width: 100px;
}</code>

Mise en page du tableau

Pour un contrôle plus poussé, vous pouvez également définir la propriété table-layout du tableau sur « fixe ». Cela appliquera une disposition fixe, garantissant que les cellules du tableau adhèrent aux largeurs spécifiées.

Exemple de code

<code class="html"><table style="table-layout: fixed;">
    <tr>
        <td>
            <!-- Your content here -->
        </td>
        <td>
            <!-- Other content -->
        </td>
    </tr>
</table></code>

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!