CSS列和相等内容

CSS列和相等内容,css,Css,我想利用我的网站周围的CSS3专栏,因为它在宽页面上为用户提供了更好的用户体验。但是,如果我使用CSS3列,有时左列是满的(比如说20行文本),而右侧只有2行文本。我可以使用纯css3(可能是Flexbox)使其具有同等数量的内容吗?或者我需要JS来解决这个问题 Beaware我说的不是相等的高度,而是相等的内容量:)您需要指定一个height属性 从: CSS3立柱规范要求立柱高度必须为 平衡:即浏览器自动设置最大列 高度,使每列内容的高度 大致相等 但是,在某些情况下,设置最大值也很有用 列

我想利用我的网站周围的CSS3专栏,因为它在宽页面上为用户提供了更好的用户体验。但是,如果我使用CSS3列,有时左列是满的(比如说20行文本),而右侧只有2行文本。我可以使用纯css3(可能是Flexbox)使其具有同等数量的内容吗?或者我需要JS来解决这个问题


Beaware我说的不是相等的高度,而是相等的内容量:)

您需要指定一个
height
属性

从:

CSS3立柱规范要求立柱高度必须为 平衡:即浏览器自动设置最大列 高度,使每列内容的高度 大致相等

但是,在某些情况下,设置最大值也很有用 列的高度,然后从 第一列,并根据需要创建尽可能多的列 向右溢出。因此,如果高度受到约束,则 在多列上设置CSS高度或最大高度属性 块,每个列都可以增长到该高度,不再增长 在添加新列之前。这种模式也更有效 布局


对不起,是垫底把它弄糟了。当我移除它时,它会很好地展开。奇怪

“等量内容”不是意味着“高度相等”吗?@rnevius:不是。如果你在谷歌上搜索“高度相等”,你只能得到高度相等的div(背景等)的结果。我对“文本/内容”感兴趣。你应该考虑使用推特引导框架或者类似的东西。@为什么?既然你提到了这个框架,他们有解决这个问题的方法吗?@MortenHjort你不需要js来解决这个问题-但是请提供你目前拥有的-一个示例案例-我想我知道你的问题是什么,我只需要CSS就可以帮你解决。但是首先需要你的代码。谢谢,但是这在RWD的世界里是行不通的。仅当所有内容和大小都固定时。