Können Sie in CSS3 unterschiedliche Breiten für Spalten festlegen?

Spaltenbreiten in CSS3 anpassen

Frage:

Ist es möglich, in CSS3 unterschiedliche Breiten für Spalten anzugeben?

Diskussion:

In CSS3 legt die Eigenschaft „column-width“ die Breite mehrerer Spalten in einem mehrspaltigen Layout fest. Sie können jedoch nur einen einzigen Wert für alle Spalten definieren. Das bedeutet, dass jede Spalte die gleiche Breite hat.

Beispiel:

Bedenken Sie das folgende HTML-Markup für ein zweispaltiges Layout:

<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>

In diesem Beispiel haben die Divs „Bildfeld“ und „Name“ die gleiche Breite von 80 Pixel.

Antwort:

Nein, In CSS3 ist es nicht möglich, unterschiedliche Breiten für Spalten anzugeben.

Die Eigenschaft „column-width“ ist für Inhalte konzipiert, die gleichmäßig zwischen gleichen Spalten fließen. Das Zuweisen unterschiedlicher Spaltenbreiten würde den Fluss des Inhalts stören und zu einem inkonsistenten Layout führen.

Das obige ist der detaillierte Inhalt vonKönnen Sie in CSS3 unterschiedliche Breiten für Spalten festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!