css垂直方向文本

我不能相信没有人问过这个，所以我只是假设我不知道我想要的正确名称。我想有一个像jelly文本是垂直的这样排列：css垂直方向文本

j 
e 
l 
l 
y

是否有一个跨浏览器的解决方案吗？

2012-05-26 Shoe

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

你想要一个左边还是右边？ http://www.thinkingwithtype.com/images/Thinking_with_Type_Text_22.gif – nhahtdh

@nhahtdh我想要一个在左边 – Shoe

这里是一篇文章，详细介绍了几种实现CSS和JavaScript的方法以及每种方法的优缺点。

希望你觉得它有用。

2012-05-26 17:50:44 christurnerio

你可以这样写：

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

2012-05-26 17:51:44 sandeep

由于突破-word是CSS3规范的一部分，它不会在所有浏览器中兼容。 – christurnerio

另外，如果它是几个带空格的单词，则需要用 – DaneSoul

@gizmovation改变空格，他说break-word是css3的一部分。检查这个https://developer.mozilla.org/en/CSS/word-wrap – sandeep

回答