✔ Spans in Div umbrechen lassen

[matzseesi]

Hi Leute,

Ich habe folgendes Problem!
Ich habe ein Div mit einer breite von 190px! und in diesem Div
werden nun lauter Spans (per Javascript) erzeugt in denen jeweils ein Text steht.
also es sollten pro Zeile in etwa 3-4 Spans Platz haben!
dh.: Es werden z.B.: 10 Spans erzeugt und die sollten sich dann halt so aufteilen dass sie nicht das Div mit der breite von 190px auseinanderziehen!

Jetzt ist es aber so dass diese spans sich alle nebeinander anreihen und keinen Umbruch machen! Warum?

Gruß

Matz

 

[kalle123456]

Hallo,

weil es sich bei span um ein Inline Element handelt.

siehe hier

Gruss

 

[Maik]

Hi,

das span-Element zählt zu den Inline-Elementen, die von sich aus keinen Absatz / Zeilenumbruch im Textfluss erzeugen bzw. vornehmen.

Zeichne das Element mit der float:left-Eigenschaft aus, so wird es wie gewünscht nebeneinander angeordnet, und bricht bei Erreichen des rechten Boxenrandes in die nächste Zeile um.

 

[matzseesi]

Danke für die rasche Antwort!

Gruß