Liste <li> automatisch teilen, Spalten!
Thomas
- css
Ich habe eine Unterschiedlich lange Lsite mit Links, mal sind es 4 Links mal 7 etc.
Nun möchte ich das immer 4 Links untereinander sind und dann, daneben die nächsten, sozusagenin Spalten.
<ul>
<li>--------------</li>
<li>--------------</li>
<li>--------------</li>
<li>--------------</li>
<li>--------------</li>
<li>--------------</li>
<li>--------------</li>
<li>--------------</li>
</ul>
Wenn ich sie jetzt mit <ul> und <li> formatieren, bekomme ich alle zusammen, ist es irgendwie möglich diese per css zu teilen so das es prktisch zwei sind
<ul>
<li>--------------</li>
<li>--------------</li>
<li>--------------</li>
<li>--------------</li>
</ul>
<ul>
<li>--------------</li>
<li>--------------</li>
<li>--------------</li>
<li>--------------</li>
</ul>
Oder gibt es eine andere (einfache) Lösung für mein Problem
Thomas
@@Thomas:
nuqneH
Ich habe eine Unterschiedlich lange Lsite mit Links, mal sind es 4 Links mal 7 etc.
Nun möchte ich das immer 4 Links untereinander sind und dann, daneben die nächsten, sozusagenin Spalten.
Bei 42 Items sollen es also 11 Spalten sein (wobei die letzte nur mit zweien gefüllt ist?)
Mit 'column-width', ':nth-child()' und 'break-after' sollte das machbar sein. [CSS3-MULTICOL, CSS3-SELECTORS]
Qapla'