css列在每一列上都获得顶部元素[关闭]答案

【问题标题】：css columns get top element on every column [closed]css列在每一列上都获得顶部元素[关闭]
【发布时间】：2012-05-22 16:01:02
【问题描述】：

例如，我有一个包含段落的 html 页面。比如这样：

<html>
<head><title>Paragraphs</title></head>
<body>
<p> Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren</p> <br/>
<p> Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren</p> <br/>
<p> Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren</p> <br/>
<p> Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren</p> <br/>
<p> Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren</p> <br/>
</body>
</html>

我想在列中显示它，所以我使用了 columns-width、columns-gap。问题是，我如何知道每列最顶部的元素。我已经设法获取特定列的元素。我想知道下一列的元素是什么。

这里是 jsFiddle：http://jsfiddle.net/yQxC2/11/ 我的问题是我如何知道第一列、第二列等最上面的元素。很抱歉造成混乱。

【问题讨论】：

无法理解您的问题。
很难理解你在这里问什么。也许是因为没有问题。或者因为你没有真正以适当的方式解释它。请编辑问题。
使用jsfiddle.net 演示您的代码和问题
我相信他正在使用css3 columns

标签： javascript jquery css

【解决方案1】：

对于您的标签，我看到您使用 jQuery。

使用每个：

$(document).ready(function(){
    $("p").each(function() {
        alert(this.childNodes[0]); 
    });
});

【讨论】：