Pouvez-vous définir différentes largeurs pour les colonnes en CSS3 ?

Personnalisation des largeurs de colonnes en CSS3

Question :

Est-il possible de spécifier différentes largeurs pour les colonnes en CSS3 ?

Discussion :

En CSS3, la propriété column-width définit la largeur de plusieurs colonnes dans une mise en page à plusieurs colonnes. Cependant, vous ne pouvez définir qu'une seule valeur pour toutes les colonnes. Cela signifie que chaque colonne aura la même largeur.

Exemple :

Considérez le balisage HTML suivant pour une mise en page à deux colonnes :

<code class="html"><div style="-webkit-column-count: 2;
            -webkit-column-rule: 1px solid black;
            -webkit-column-width: 80px;
             margin-left:20px;margin-top:20px;">
    <div id="picturebox">picture box</div>
    <div id="nme">name</div>
</div></code>

Dans cet exemple, les divs « boîte d'image » et « nom » auront la même largeur de 80 px.

Réponse :

Non, il n'est pas possible de spécifier différentes largeurs pour les colonnes en CSS3.

La propriété column-width est conçue pour le contenu qui circule uniformément entre des colonnes égales. Attribuer différentes largeurs aux colonnes perturberait le flux du contenu et créerait une mise en page incohérente.

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!