如何獲取特定css列的內容

我正在使用CSS多列布局，有沒有一種方法來獲取特定列的內容，或者如何找到字符串的索引，其中列出了特定的列。

<title>Multi-column Layout</title> 
<style type="text/css"> 
    div.foo { 
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    } 
</style> 
<body> 
    <div class="foo"> 
    <script> 
    var i = 30, s = []; 
    while (i--) { 
     s.push('<p>Lorem ipsum dolor sit amet, consectetur adipiscing' 
     + ' elit. In magna arcu, condimentum a tempor vel,' 
     + ' imperdiet nec lacus. Vestibulum iaculis arcu et justo' 
     + ' suscipit non pharetra sem pulvinar. Suspendisse nec' 
     + ' enim non dolor fringilla blandit.<\/p>'); 
    } 
    document.write(s.join('')); 
    </script> 
    </div>  
</body>

來源

2012-02-24 user615816

提供了一些代碼！ – 2012-02-24 11:41:30

讓世界看到你到目前爲止所嘗試過的！ – sgowd 2012-02-24 11:42:34

我正在學習本教程。 http://www.quirksmode.org/css/multicolumn.html 和我使用「測試5：高度+列寬」 – user615816 2012-02-24 11:57:16

這裏簡單的解決方案。

http://jsbin.com/igizoy/2

的ID添加到每一個列中，並添加類。然後你可以添加一個處理程序來獲取任何行的id。

來源

2012-03-12 23:11:43 Dovy

這不是我想要的，我看不到任何列。只有一列。 – user615816 2012-03-13 14:26:10

@ user615816：那你爲什麼接受答案呢？ – Bergi 2013-03-18 16:32:25

我在這裏找到了這個問題的答案：Get text in CSS3 column?

來源

2013-06-05 18:16:59 mattsven

如何獲取特定css列的內容

回答

相關問題