css - cssの垂直方向のテキスト

Question

誰もこれを聞いたことがないなんて信じられないので、自分が欲しいものの正しい名前がわからないと思います。jelly次のように縦に並べるようなテキストが欲しいのですが。

j
e
l
l
y

クロスブラウザソリューションはありますか？

Answer 1

これは、CSSとjavascriptの両方を使用してこれを実現するためのいくつかの方法と、それぞれの長所と短所を詳しく説明した記事です。

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

お役に立てば幸いです。

Answer 2

それを行う正しい方法は、を使用することtext-orientationです。（スニペットまたはフィドルを参照してください。）

  p {
    text-orientation: upright;
    writing-mode: vertical-lr;
  }

<p>Jelly</p>

Answer 3

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

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

これをチェックしてくださいhttp://jsfiddle.net/TWb9j/