如何获取特定CSS列的内容

2024-04-26

对不起我的英语不好。

我正在使用 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>

简单的解决方案在这里。

http://jsbin.com/igizoy/2 http://jsbin.com/igizoy/2

将 ID 添加到每列,并添加一个类。然后您可以添加一个处理程序来获取任何行的 id。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何获取特定CSS列的内容 的相关文章