JavaScript UL垂直文本

时间:2013-01-25 23:39:48

标签: javascript html-lists

我想要实现的是让javascript采用UL并垂直写入每个LI:

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

我可以使用css设置列表样式,但我需要使用JavaScript进行垂直编写。我对JavaScript不太满意,有人可以帮我解决这个问题吗?或者给我一个例子?

由于

编辑 - 抱歉,我应该更清楚我要做的事情。我有一些js采取列表,并在单击按钮时按字母顺序对其进行排序。我希望列表显示正常,直到单击按钮。然后它应该按字母顺序显示文本并垂直写入文本。这是我的jsfiddle

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

你可以简单地让li元素只够宽到每行一个字符,并使用边距和填充来完成剩下的工作。