html - 带有水平列的博客

Question

我想知道如何获得这样的水平列:

文章没有被截断并在下一栏中继续？我希望他们有不同的高度。例如帖子 A 的高度为 60%，然后帖子 B 的高度为 40%，然后下一列帖子 C 的高度为 30%，帖子 D 的高度为 70%。

我试过了，但滚动时效果不佳。

#featured-posts-container {
    -webkit-column-count:  4;
    -webkit-column-gap:  10px;
    -webkit-column-fill:  auto;
    -moz-column-count:  4;
    -moz-column-gap:  10px;
    -moz-column-fill:  auto;
    column-count:  4;
    column-gap:  15px;
    column-fill:  auto;
    margin-top: 15px;
}

Answer 1

我不认为那是一个专栏。我认为那是 background-color。

然后开发人员使文本元素相互内嵌显示。因此，段落之间的边距现在是您的一栏。实际情况并非如此。