2012-03-27 8 views
0

Ich benutze Bildunterschriften auf meiner Website. Die Bildunterschriften sind unten und was ich nicht mag ist, dass wenn eine Bildunterschrift lang ist (das Maximum ist 2 Zeilen in meinem Fall), der Text so umgebrochen wird, dass ich eine lange erste Zeile und eine kurze Sekunde habe Linie.Text in HTML so einwickeln, dass die nächste Zeile länger wird

Ich mag das nicht:

"aaaaa aaaa aaaa aaaa 
aaaa " 

ich so etwas wie dieses bin versucht zu bekommen:

"aaaaa 
aaaa aaaa aaaa aaaa" 

Irgendwelche Vorschläge, wie ich diese Art von Verpackung mit CSS erreichen würde?

+1

Sie sehen gleich aus in der Post, bitte bearbeiten Sie Ihre ursprüngliche Frage, um die neue Zeile anzuzeigen. – Norto23

Antwort

1

Verwenden Sie einfach die HTML5-Syntax, um dieses Problem zu beheben.

Das Element <br>. or <br/> bezeichnet eine Opportunity, bei der Inhalt kann wrap, um die Lesbarkeit beizubehalten. Beachten Sie, dass dies nur HTML5 ist.

+0

das scheint es zu lösen, danke. – emreka

0

Ich glaube nicht, dass dies ein Problem für CSS ist. Sie müssen einige Vor- oder Nachbearbeitungen für die Zeichenfolge durchführen, indem Sie Javascript oder C# oder die von Ihnen verwendete Serversprache verwenden. Sie müssen berechnen, wo Sie die Brüche basierend auf Zeichenfolge Größe und fügen Sie <br/> Tag oder möglicherweise die Newline-Zeichen.