html – 如何修改跨越多列的方向？

概述我正在生产一个< ul>按字母顺序排序的项目,跨越多行.这方面的一个例子可以在这里看到： http://jsfiddle.net/H4FPw/1/ 目前该列表是横向列出的,如下所示： a b cd e fg h ij k l 但是客户端是客户端,我现在被要求更改它,以便列表垂直定向,如下所示： a e ib f jc g kd h l 不幸的 我正在生产一个< ul>按字母顺序排序的项目,跨越多行.这方面的一个例子可以在这里看到：

http://jsfiddle.net/H4FPw/1/

目前该列表是横向列出的,如下所示：

a  b  cd  e  fg  h  ij  k  l

但是客户端是客户端,我现在被要求更改它,以便列表垂直定向,如下所示：

a  e  ib  f  jc  g  kd  h  l

不幸的是,我不知道如何以我最初做的漂亮而整洁的方式做到这一点.

如果可以使用单个< ul>,有人可以请我填写和CSS？或者我必须制作多个列表？

解决方法 你只能通过改变CSS来做到这一点.

好吧,如果你不关心IE：http://caniuse.com/#search=multiple%20column,你可以

你必须在某处妥协：

>拆分< ul>手动进入三个小时.
>正如@PeeHaa暗示的那样,使用服务器端代码来改变输出< li>的顺序(但仍将它们保持在一个< ul>内).
>使用JavaScript重新排序< li> s.我使用jQuery here做了这个,但使用这样的插件可能更有意义：http://welcome.totheinter.net/columnizer-jquery-plugin/

总结

以上是内存溢出为你收集整理的html – 如何修改跨越多列的方向？全部内容，希望文章能够帮你解决html – 如何修改跨越多列的方向？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。