Javascript 垂直排序div a-Z中的子元素

所以现在我把它水平排列成A-Z，但我的最终目标是垂直排列

我将解释代码目前是如何工作的

因此，它是包含在

div

中的

a

标记的集合，其固定宽度为700px，内容向左浮动。在父链接上启用了一个

onclick

功能，单击该功能可运行以下内容：

onclick="
        if($('#random-word01').css('display') != 'block'){ 
           closeOpennedIndustry()
        }; 
        $( '#random-word1' ).slideToggle(200); 
        $( '#toggleRandomWord h3.h3-random-word' ).toggle()"

这将启用下拉列表

我认为改变这种情况的最好方法是将div放在无序列表中，并将它们全部向左浮动，而不是水平浮动。然而，我遇到了下拉列表的定位问题

---

实现链接A-Z的最佳方法是什么？下拉菜单A-Z工作且位于正确的位置。

如果不知道标记是如何生成的（例如，来自诸如WordPress？静态HTML之类的CMS），很难判断

CSS列可以帮助您使列表垂直运行而不是水平运行（并优雅地降级为水平）。用于检测列，和/或用于编写两种情况下的样式

如果您想要完全的跨浏览器兼容性，您还可以在ULs中包装列并使用clearfixes浮动它们

在PHP/WordPress中，计算列表中的链接数（比如40）、所需的列数（比如六列），然后除以/mod以了解每个列表中的链接数（六列六列，四列一列）。在这么多元素周围输出标记，并将它们向左浮动

你也可以用JS做同样的事情，但是你会受到FOUC（未格式化内容的flash）的影响，并且可能会出现性能问题

希望这些都有帮助！如果与此无关，请向我们道歉，我们没有从您的问题中获得太多信息

---

祝你好运

你必须发布有问题的相关代码。顺便说一句，如果没有相关的代码，提供一个JSFIDLE会促使人们尝试帮助您，准确地回答是不可能的，但是从我所看到的，CSS列显示可能是一个解决方案。