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

您可以这样写：

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

选中此http://jsfiddle.net/TWb9j/

Answer 3

使用文本方向的正确方法

选中此https://jsfiddle.net/yu7qr809/

 <style>
  p{
  text-orientation: upright;
  writing-mode: vertical-lr;
  }
 <style>
<p>Jelly</p>