2

我正在尝试创建一个多列布局，垂直和水平环绕文本，如下所示：https ://new.myspace.com/discover/trending/2013/01/23/jeremy-allen-white-cant -远离性

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

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

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

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

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

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

任何帮助，将不胜感激！

谢谢

4

1 回答 1

0

我找到了一个教程来做到这一点。转到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? . 希望这可以帮助。

于 2013-08-07T11:11:45.010 回答