CSS列和相等的内容

我想利用我的网站上的CSS3列，因为它在宽页面上为用户提供了更好的用户体验。但是，如果我使用CSS3列，有时左侧列已满（可以说20行文本），右侧只有2行文本。我可以用纯CSS3（也许是Flexbox）让它拥有相同数量的内容吗？或者我需要JS来解决这个问题？CSS列和相等的内容

Beaware我不是在谈论相同的高度，但等量的内容:)

来源

2014-09-22 Morten Hjort

不会“等量的内容”暗示“相等的高度”？ – rnevius 2014-09-22 11:46:25

@ rnevius：没有。如果你的谷歌“等高”，你只能得到相同高度的div的结果（背景等）。我对“相同的文字/内容”感兴趣。 – 2014-09-22 11:51:43

你应该考虑使用twitter引导框架或类似的东西。 – gldraphael 2014-09-22 12:31:48

你需要指定一个height属性。

从Mozilla docs：

的CSS3列规范要求柱高度必须是平衡：即，浏览器自动设置最大列高度，使得在每一列中的内容的高度与大致相等。

然而，在某些情况下，它也设定最大高度明确列，然后制定出内容开始第一列，并根据需要创建尽可能多列，可能溢出到对大家有用。因此，如果高度受到限制，则在多列块中设置CSS高度或最大高度属性时，每列允许增长到该高度，并且不会在添加新列之前进一步增加。这种模式对于布局也更有效率。

来源

2014-09-22 11:48:59 rnevius

谢谢，但这不适用于RWD世界。只有所有内容和尺寸都是固定的。 – 2014-09-22 11:52:30

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

来源

2014-09-23 06:25:47

CSS列和相等的内容

回答

相关问题