排序的子元素垂直

所以目前我有这水平下令A-Z，但我的最后一步就是把它垂直。

我将解释当前代码的工作原理。

所以这是一个a标签包含在一个div固定宽度为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并在正确位置的最佳方式。

来源

2014-05-11 rapture89

您必须发布相关代码。顺便说一句，提供一个jsFiddle会动员人试图帮助你 –

没有相关的代码，它是不可能的，但我可以看到，CSS列显示可能是一个解决方案。 –

如果不知道如何生成标记（例如来自像CMS这样的CMS？静态HTML？），很难说清楚。

CSS列可以帮助您获取列表以垂直运行，而不是水平运行（并优雅地退化为水平）。使用Modernizr检测列，和/或使用IE Conditional Tags为这两种情况编写样式。

如果您想要确切的跨浏览器兼容性，还可以将列包装在UL中，并使用clearfix将它们浮动。

在PHP/WordPress中，计数列表中的链接数量（比如40），你想要的列数（比如说6）以及除以/ mod来知道每个中有多少（六列六和四个之一）。在许多元素周围输出标签并将其左移。
您可以对JS执行相同的操作，但是您将受到FOUC（未格式化内容的闪烁）以及可能出现的性能问题。

希望任何帮助！如果不相关，道歉 - 我们没有太多的问题与你合作。

祝你好运！

来源

2014-05-11 16:30:30

回答

相关问题