✔ Automatischer Zeilenumbruch bei Overflow in DIV

[Thomas D]

Hallo!

Ich habe einen DIV-Containern, in den ich laufend SPAN-Elemente reinschreiben möchte. Nun soll das Layout so darauf reagieren, dass ein Span-Element, wenn es aufgrund der fixen Width-Angabe des Containers nicht mehr in den Container passt, umgebrochen und in der nächsten Zeile platziert werden soll. Es soll also ein automatischer Zeilenumbruch ähnlich einer Tabelle geschehen. Wie kriege ich das mit CSS hin?

MfG, Thomas D.

Pseudocode:

<div>
	<span></span><span></span><span></span> …
</div>

 

[Maik]

Hi,

eine Möglichkeit wäre die Auszeichnung des span-Elements mit der float:left-Eigenschaft, wenn das komplette span-Element in die nächste Zeile umgebrochen werden soll, und nicht nur eine gewisse Zeichenfolge nach einem Leerzeichen innerhalb des Elements:

div span {
float:left;
}

Ansonsten bricht der Browser den Inhalt automatisch an der Stelle um, die ihm eine Gelegenheit dazu bietet, wie eben ein Leerzeichen.

 

[Thomas D]

Oh, habe nicht daran gedacht zwischen den Spans ein Leerzeichen zu machen. Vielen Dank für den Hinweis ;-)!

MfG, Thomas D.