如何使文字像新的我的空间文章页面一样流动？

Question

我试图创建一个多列布局，垂直包装文本以及水平像这样：https://new.myspace.com/discover/trending/2013/01/23/jeremy-allen-white-cant-get-away-from-sex

我似乎无法找到任何可以帮助我的文章。

这是我的样式表中的内容，但是每个列中的文本在到达浏览器底部之前都会环绕。

下面是它目前的样子： http://jsfiddle.net/koryeast/ztfED/

@media (min-width:800px) 
{ 
    div 
    { 
     -webkit-column-fill: auto; 
     -webkit-column-width: 300px; 
     -webkit-column-gap: 40px; 
    } 
} 

但你可以看到在每列中的文本到达浏览器底部之前环绕。

如何才能使文本溢出到下一列只有当它到达浏览器的底部？

任何帮助，将不胜感激！

谢谢

Answer 1

我找到了一个教程来做到这一点。去http://kmsm.ca/2010/an-almost-complete-guide-to-css3-multi-column-layouts/。这解释了这一切。另外，在这里可以找到一个带有工作版本的类似问题re-arange default column (-webkit-column, -moz-column) order on a page?。希望这可以帮助。