2012-05-26 22 views
6

Ich kann nicht glauben, dass niemand jemals gefragt, so dass ich einfach davon ausgehen, dass ich nicht den richtigen Namen für das, was ich will. Ich möchte einen Text wie jelly haben vertikal wie folgt ausgerichtet sein:Vertikale Ausrichtung Text in CSS

j 
e 
l 
l 
y 

Gibt es eine Cross-Browser-Lösung?

+0

http://net.tutsplus.com/tutorials/html-css-techniques/the-easiest-way-to-create -vertical-text-with-css/ –

+0

Wollen Sie die links oder rechts? http://www.thinkingwithtype.com/images/Thinking_with_Type_Text_22.gif – nhahtdh

+0

@nhahtdh Ich möchte das auf der linken Seite – Shoe

Antwort

0

Sie können wie folgt schreiben:

p{ 
    width:5px; 
    word-wrap:break-word; 
} 

prüfen diese http://jsfiddle.net/TWb9j/

+0

Seit der Pause -word ist Teil der CSS3-Spezifikation und wird nicht in allen Browsern kompatibel sein. – christurnerio

+0

auch, wenn es mehrere Wörter mit Leerzeichen ist, müssen Sie Leerzeichen mit   – DaneSoul

+0

@ gizmovation ändern, die Pause-Wort ist Teil von css3. Überprüfen Sie diese https://developer.mozilla.org/en/CSS/word-wrap – sandeep