2012-05-26 10 views
6

誰もこれを尋ねたことがないと思うので、私は自分が望むものの正しい名前がわからないと思います。私はこのように垂直に配向するjellyのようなテキストを持っているしたいと思います:CSSの縦書きテキスト

j 
e 
l 
l 
y 

は、クロスブラウザの解決策はありますか?

+0

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

+0

あなたは左または右のいずれかにしたいですか? http://www.thinkingwithtype.com/images/Thinking_with_Type_Text_22.gif – nhahtdh

+0

@nhahtdh左に1つ入れたい – Shoe

答えて

0

あなたはこのように書くことができます。

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

チェックこのhttp://jsfiddle.net/TWb9j/

+0

-wordは、すべてのブラウザで互換性のないCSS3仕様の一部です。 – christurnerio

+0

また、空白を含む複数の単語の場合は、スペースを空白に変更する必要があります。  – DaneSoul

+0

@gizmovation whoはbreak-wordがcss3の一部です。これをチェックしてくださいhttps://developer.mozilla.org/ja/CSS/word-wrap – sandeep

関連する問題