CSS列和相同的内容

Question

我想在我的网站周围使用CSS3列，因为它在宽页面上为用户提供了更好的用户体验。但是，如果我使用CSS3列，有时左列是完整的（假设有20行文本），右侧只有2行文本。我可以使用纯css3（可能是Flexbox）使其具有相同数量的内容吗？或者我需要JS来解决这个问题吗？

Beaware我不是在谈论相同的身高，而是在谈论相同数量的内容：）

Answer 1

您需要指定height属性。

来自Mozilla docs：

  

CSS3列规范要求列高必须为   平衡：即浏览器自动设置最大列   高度，以便每列中的内容的高度   大致相等。

     

但是，在某些情况下，设置最大值也很有用   明确列的高度，然后从中开始布置内容   可能是第一列并根据需要创建尽可能多的列   溢出到右边。因此，如果高度受到约束，则由   在多列上设置CSS高度或最大高度属性   阻止，允许每列增长到那个高度，不再进一步   在添加新列之前。这种模式也更有效   布局。

Answer 2

对不起，这是一个填充底部搞砸了。当我删除它，它很好地展开。奇怪！