Wie kann ich mit CSS3 ein zweispaltiges Layout mit ungleichen Breiten erstellen?

Mehrspaltige Layouts mit ungleicher Breite erstellen

In CSS3 ermöglicht die Spalteneigenschaft die Erstellung mehrspaltiger Layouts. Es bietet jedoch nur begrenzte Kontrolle über die Breite einzelner Spalten.

Problem:

Sie möchten ein zweispaltiges Layout mit ungleichen Breiten implementieren, sodass eine Spalte a ist Breite von 20 Pixel und die andere eine Breite von 80 Pixel. Das folgende Markup wird verwendet:

<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" style="">picture box</div>
    <div id="nme">name</div>
</div></code>

Antwort:

Leider gibt es in CSS3 keine Möglichkeit, unterschiedliche Breiten für Spalten anzugeben. Die Spalteneigenschaft ist für Inhalte gedacht, die zwischen Spalten gleicher Breite überlaufen. Daher können Sie mit dieser Funktion nicht die gewünschten ungleichen Spaltenbreiten erreichen.

Das obige ist der detaillierte Inhalt vonWie kann ich mit CSS3 ein zweispaltiges Layout mit ungleichen Breiten erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!