你如何使文本像新的我的空间文章页面一样流动？答案

【问题标题】：How do you make the text flow like the new my space article pages?你如何使文本像新的我的空间文章页面一样流动？
【发布时间】：2013-01-19 19:45:08
【问题描述】：

我正在尝试创建一个垂直和水平环绕文本的多列布局，如下所示：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;
    }
}

但正如您所见，每一列中的文本在到达浏览器底部之前都会环绕。

如何让文本到达浏览器底部时才溢出到下一列？

任何帮助将不胜感激！

谢谢

【问题讨论】：

请发布更多代码。在jsfiddle.net 上放一个小sn-p，说明您遇到的问题。

标签： css overflow multiple-columns myspace

【解决方案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?。希望这会有所帮助。

【讨论】：