css - css中的垂直方向文本

Question

我不敢相信没有人问过这个问题，所以我只是假设我不知道我想要的正确名称。我想要一个像jelly这样垂直对齐的文本：

j
e
l
l
y

有跨浏览器解决方案吗？

score 7 · Accepted Answer

这是一篇文章，详细介绍了使用 CSS 和 javascript 完成此任务的几种方法以及每种方法的优缺点。

希望你觉得它有用。

score 3 · Accepted Answer

正确的做法是使用text-orientation. （见片段或小提琴。）

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

<p>Jelly</p>

score 0 · Accepted Answer

你可以这样写：

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

3 回答 3