Schneller Tipp Das mehrspaltige CSS3-Modul

Seit über sechs Jahren stehen uns CSS3-Spalten zur Verfügung. seltsamerweise werden sie selten genutzt. Da sie derzeit nur in Mozilla- und Webkit-basierten Browsern unterstützt werden, bedeutet dies, dass in Internet Explorer keine Unterstützung mehr möglich ist. Aber das ist OK! Die Welt wird nicht enden, wenn IE-Benutzer einen längeren Absatz sehen. Ich werde Ihnen zeigen, wie Sie dieses hilfreiche Modul im heutigen Quick-Tipp für Videos verwenden können.


Abonniere unsere YouTube-Seite, um alle Video-Tutorials anzusehen!

Sehen Sie sich dieses Video lieber auf Screenr an?

 #container p -webkit-column-count: 3; -webkit-Spaltenlücke: 10px; -Zahlsäulenzahl: 3; -Moz-Spaltenlücke: 10px; Spaltenanzahl: 3; Spaltenlücke: 10px; 

  • Spaltenanzahl: Die gewünschte Anzahl von Spalten für das Element.
  • Spaltenlücke: Die Auffüllung zwischen jeder Spalte.
  • Spaltenregel: Der Trenner für jede Spalte; kann verwendet werden, um einen Rand festzulegen.
  • Spaltenbreite: Wird verwendet, um die Breite jeder Spalte genau anzugeben.

Bitte beachten Sie, dass wir jeder Eigenschaft das entsprechende Präfix -webkit oder -moz voranstellen müssen. also: -webkit-column-count.

Verwenden Sie CSS-Spalten in Ihren Projekten? Wenn nein, warum nicht??