我有订购的电影 list 。每部电影都有一个名称和说明。描述长度会有所不同。我在两列中一一列出这些电影，大致是这样的:
1.布鲁斯兄弟| 4.指环王
俗气的电影，关于两个家伙。 |霍比特人和他的伙伴们去
|摧毁一些戒指。
2.侏罗纪公园。 |
有的人制造恐龙而有的| 5.再也想不到
小鸡使用3D UNIX! | Lorem ipsum dolor坐在amet。
| Dolor坐在amet lorem ipsum中!!!
3.韦恩的世界|
派对电影豪华! | 6.这是最后的
|现在我们不平衡了!
|搞砸了。
上面的内容应该使您对今天的外观有所了解。我目前正在通过获取电影列表并将其分割成两半，然后依次渲染每一半并将两半 float 在一起来实现此目的。
但是有一个问题!想象一下，右列中的电影都比左列中的电影具有更长的描述的情况。然后，高度平衡将消失!
那么，有没有任何非JavaScript的方法可以使这种事情达到平衡呢？如果可以，哪些浏览器支持它？
最佳答案
不幸的是，溢出内容的唯一非编程方式是CSS3处于草稿状态。没有可靠的方法将内容溢出到CSS2.1中的新列中。
请参阅下面的链接以获取溢出内容的草稿选择器:
http://www.w3.org/TR/css3-multicol/
关于CSS:两列，高度均衡，左列优先，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1676308/