javascript - JavaScript UL 垂直文本

Question

我想要实现的是让 javascript 采用 UL 并垂直编写每个 LI，如下所示：

  O  T  T  F
  N  W  H  O
  E  O  R  U
        E  R
        E

我可以使用 css 设置列表样式，但我需要使用 JavaScript 进行垂直编写。我对 JavaScript 不是很好，有人可以帮我解决这个问题吗？或者给我举个例子？

谢谢

编辑 - 对不起，我应该更清楚我想要做什么。我有一些 js 需要一个列表并在单击按钮时按字母顺序对其进行排序。我希望列表正常显示，直到单击按钮。然后它应该按字母顺序显示文本并垂直书写文本。这是我的jsfiddle

score 1 · Accepted Answer

您可以使用 CSS 进行垂直书写：

width:1px;
word-break:break-all;

您可能需要调整边距以确保字母有足够的空间。

score 0 · Accepted Answer

您可以简单地使 li 元素的宽度仅足以容纳每行一个字符，并使用边距和填充来完成其余的工作。

2 回答 2