CSS Zwei Textspalte nebeneinander dynamisch

-1

ich einen Artikel erstellen möchten, die in der linken Spalte beginnen wird, und wenn es unten erreicht geht es nach rechts Spalte fortzusetzen, etwa so:CSS Zwei Textspalte nebeneinander dynamisch

Also möchte ich, dass der Text in der zweiten Spalte weitergeht, wenn er unten angekommen ist, irgendwelche Ideen, wie ich das machen kann?
Wenn es reines CSS ist würde ich sehr glücklich sein, ich konnte die Antworten nicht finden, weil Search Engine nicht nach dem Recht sucht.

Quelle

2016-11-04 nikagar4

Sie sollten diesen Beitrag überprüfen: http://stackoverflow.com/questions/9305198/transfer-overflow-from- one-div-to-another – Kangouroops

Hier ist eine andere: http://StackOverflow.com/Questions/3009670/flow-2-columns-of-text-automatisch-with-Css –

Mit Google wäre genug gewesen. –

Versuchen Sie folgendes: -

#col { 
 
-moz-column-count: 2; 
 
-webkit-column-count: 2; 
 
column-count: 2; 
 
}

<div id="col">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div> 
 
CSS

Quelle

2016-11-04 19:06:46

Verwenden Sie die columns Eigenschaft.
Beachten Sie, dass die Browserkompatibilität eingeschränkt ist (ab IE11 einschließlich).
http://caniuse.com/#feat=multicolumn

.columned-content { 
    -webkit-columns: 300px 2; 
    -moz-columns: 300px 2; 
    columns: 300px 2; 
}

Syntax:
columns: <column-width> || <column-count>;

Mehr info - https://css-tricks.com/almanac/properties/c/columns/

Quelle

2016-11-04 19:04:37

Sie column-count zusammen mit vielen anderen Möglichkeiten nutzen können. Werfen Sie einen Blick hier css column count

Quelle

2016-11-04 19:06:13 Stuart

CSS Zwei Textspalte nebeneinander dynamisch

Antwort

Verwandte Themen