Vertikales layout mit CSS ohne Verwendung von breaking Elemente?
Ist es möglich zu implementieren vertikale layout mit CSS nur, und nicht mit HTML-Elementen?
Habe ich eine Liste von divs in einem div. Standardmäßig ist das nächste element rechts, um die Letzte, wenn es keinen Platz auf der rechten Seite, es ist abgelegt unter.
Ich würde gerne erreichen das gleiche mit CSS-style-Einstellungen. Ist es möglich?
Durch CSS-only-ich meine, wir haben div-Element und seine Kinder, und nicht etwas besonderes hinzufügen, wie:
- line-breaking elements (
<br/>, <div style="clear:both;"/>
) - UL-tags
- Tabellen (ja, immer noch verwendet, f.g. JSF fast ausschließlich auf Ihnen basieren)
Also:
<div id="menu">
<a href="something1">Page 1</a>
<a href="something2">Page 2</a>
<a href="something3">Page 3</a>
</div>
- Und CSS-Umsetzung von vertikalen layout:
#menu { ??? }
#menu a { ??? }
Gibt es einen ??? dass ich verwenden könnte, um zu erreichen, was ich will?
- also, Sie wollen Sie Anker-tags nebeneinander? oder auf jeder anderen
- unten eine andere, als wenn es eine <br/> nach jedem Anker
- ich habe meine Antwort
Du musst angemeldet sein, um einen Kommentar abzugeben.
Display Anker-tags als block-Elemente.
Meinst du so etwas?
http://jsfiddle.net/7Y9jS/
set display block zu einem
verwenden Sie float left
und fügen Sie dann der Klasse oder Gruppe, um Ihre #Menü