Tag: css-multicolumn-layout
Die Multi-Column-Layout-Modul in der CSS-erlauben-Benutzer, um das layout Ihrer Inhalte in einer Spalte-format, basierend auf einer Anzahl von unterschiedlichen Eigenschaften.
CSS-Spalten mit Links-rechts-flow
3 Antworten
Sagen wir, ich habe eine div die enthält eine Reihe von Elementen (divs), die möglicherweise haben unterschiedliche Höhen, aber alle von Ihnen haben die gleiche Breite. Ich habe dies erreicht mit derzeit Isotop + Mauerwerk, aber da
Kann ich meine CSS-Spalten horizontal statt vertikal?
5 Antworten
Hier ist mein code: CSS: .column { column-count: 4; column-gap: 10px; -moz-column-count: 4; -moz-column-gap: 10px; -webkit-column-count: 4; -webkit-column-gap: 10px; } HTML: <div class="column"> <div class="inner">1</div> <div class="inner">2</div> <div class="inner">3</div> <div class="inner">4</div> <div class="inner">5</div> <div class="inner">6</div> <div class="inner">7</div>
Bootstrap-4-Mauerwerk-layout unter Verwendung flexbox-raster
0 Antworten
Gibt es einen Weg zum erstellen von Mauerwerk-Spalten-layout unter Verwendung der flexbox-grid, Bootstrap-4 ist ausgestattet mit? Es scheint mir, dass alle Spalten gleich hoch sind. Ich habe eine Google-Suche und nicht in der Lage war zu finden,
Wie Sie verhindern, dass Spaltenumbruch innerhalb eines Elements?
15 Antworten
Betrachten Sie den folgenden HTML-Code: <div class='x'> <ul> <li>Number one</li> <li>Number two</li> <li>Number three</li> <li>Number four is a bit longer</li> <li>Number five</li> </ul> </div> und die folgenden CSS: .x { -moz-column-count: 3; column-count: 3; width: 30em; }
CSS-column-count Spalten unterscheiden sich in der Höhe
3 Antworten
Ich versuche zu erstellen, die eine Mauerwerk-raster der Bilder, Die Allgemeine Idee ist die Verwendung von column-count zu erreichen dieses Beispiel. Ich habe drei Spalten mit ein paar Bilder und die CSS-und HTML-Code ist identisch zu dem
Gibt es eine Möglichkeit zu geben unterschiedliche breiten für die Spalten in CSS3?
1 Antworten
Möchte ich den Einsatz von CSS zu präsentieren, ein zwei-Spalten-layout. Die markup, die ich verwende, ist dies <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> Gibt es einen
CSS3 multi-column layout IE-workaround
4 Antworten
Habe ich stolperte über eine wirklich tolles Projekt (CSS3 PIE) heute ist es möglich, mit CSS3-abgerundete Ecken, Schatten und Farbverläufen auch in IE6, IE7 und IE8 verwenden von CSS-Einstellungen und die üblichen CSS3-notation. Es verwendet *.htc-Datei hat,
Wie zeige ich eine ungeordnete Liste in zwei Spalten an?
11 Antworten
Mit dem folgenden HTML-Code, was ist die einfachste Methode zum anzeigen der Liste mit zwei Spalten? <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> </ul> Gewünschte display: A B C D E Die Lösung muss in der Lage sein,
Ändern Sie den Richtungsfluss von CSS-Spalten
3 Antworten
Also ich habe CSS so: #blogPosts{ -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; width: 100%; } schafft 3 Spalten perfekt, aber wenn ich einen weiteren Zeile die Reihenfolge scheint zu kommen, der
Wie verhindert man Spaltenbrüche innerhalb eines Elements?
13 Antworten
Betrachten Sie den folgenden HTML-Code: <div class='x'> <ul> <li>Number one</li> <li>Number two</li> <li>Number three</li> <li>Number four is a bit longer</li> <li>Number five</li> </ul> </div> und die folgenden CSS: .x { -moz-column-count: 3; column-count: 3; width: 30em; }
Das mehrspaltige CSS-Layout von Listenelementen wird in Chrome nicht korrekt ausgerichtet
9 Antworten
Baue ich ein Menü-system vorgestellt, um den Benutzer in multi-column format. Die column-count - Eigenschaft in CSS3 bekommt von mir 90% der Weg dorthin, aber ich habe Schwierigkeiten mit Ausrichtung unter Chrome. Das Menü ist relativ einfach: