Liste in mehreren Spalten

Habe ich eine Liste mit 10 (li) Elementen. Diejenigen angezeigt werden, in eine einzige Spalte.

Wenn ich Feste Höhe, die Liste dann wie kann ich es in zwei oder drei Spalten?

InformationsquelleAutor Pradip | 2011-03-11
  1. 3

    Es ist ein CSS3-Lösung, aber es ist nicht allgemein umgesetzt von den Browsern noch nicht. Siehe dieses Beispiel mit der CSS-Eigenschaft column-count:

    http://jsfiddle.net/hwzpy/

    Derzeit funktioniert nur im FF, Safari und Chrome aber. Andernfalls werden Sie haben, javascript zu verwenden, oder teilen Sie die Liste in zwei Listen.

    - - edit - -
    Die float-Variante, die als verknüpfte in anderen Antworten ist wirklich nett, wusste nicht, über, dass man.

    • Es sollte column-count, nicht list-count
    • du hast Recht, seltsam, wie dass ging nicht so lange. behoben!
    InformationsquelleAutor Stephan Muller
  2. 4

    Sie können dies überprüfen, mehrere Spalte

    • Der link ist broken link 🙁
    InformationsquelleAutor Manoj
  3. 1

    Diese Frage gestellt wurde, vor. Siehe Diskussion auf html-css - erstellen Sie mehrere Spalte Liste?. Es gibt auch eine hilfreiche A List Apart Artikel, die sich auf sechs Methoden, dies zu tun.

    InformationsquelleAutor Wylie
  4. 0

    Können Sie dies ganz einfach mit der jQuery-Spalten Plugin zum Beispiel die Aufteilung von ul mit der Klasse .mylist in 5 Spalten, die Sie tun würde, 

    $(document).ready( function () {
  $('.mylist').cols(5);
});

    Hier ein live-Beispiel auf jsfiddle

    InformationsquelleAutor newUserNameHere
Schreibe einen Kommentar