排序的子元素垂直

所以目前我有這水平下令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

回答

相關問題