Wie macht man zwei Spalten mit CSS in einem Block?

<div class="main-box"> 
 
\t <div class="col_1">Column 1</div> 
 
\t <div class="col_1">Column 1</div> 
 
\t <div class="col_1">Column 1</div> 
 
\t <div class="col_2">Column 2</div> 
 
\t <div class="col_2">Column 2</div> 
 
\t <div class="col_2">Column 2</div> 
 
</div>

Leider kann ich nicht zwei divs machen und jede Spalte col_n in correspoinding setzen. Mein html wird von drupal generiert und ich weiß nicht, wie ich es auf andere Weise erzeugen soll.

Quelle

2017-06-13 Andy Core

Sicherlich sollte Ihre Frage, wie fragen Sie den HTML ändern? – BenM

Ist '.main-box {column-count: 2;}' nicht auf Ihren HTML-Code anwendbar? – bleistift2

Css ist sicher editierbar. Aber was ich habe, ist kein Text, also funktioniert die Spaltenzählung nicht für mich. –

Eine Möglichkeit wäre, einige der Elemente zu schweben:

.col_1 { 
 
    float: left; 
 
    clear: left; 
 
}

<div class="main-box"> 
 
    <div class="col_1">Column 1</div> 
 
    <div class="col_1">Column 1</div> 
 
    <div class="col_1">Column 1</div> 
 
    <div class="col_2">Column 2</div> 
 
    <div class="col_2">Column 2</div> 
 
    <div class="col_2">Column 2</div> 
 
</div>

Quelle

2017-06-13 14:48:40 j08691

Wie macht man zwei Spalten mit CSS in einem Block?

Antwort

Verwandte Themen