Heim  >  Artikel  >  Web-Frontend  >  Können Sie in CSS3 unterschiedliche Breiten für Spalten festlegen?

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

Barbara Streisand
Barbara StreisandOriginal
2024-10-31 15:58:20933Durchsuche

Can you set different widths for columns in CSS3?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn