當框的高度受限時，在新行上繼續列表

Question

我目前正在進行菜單設計，我一直在擺弄幾種不同的布局和技術。 目前我正在尋找懸停菜單設計，擴展框包含鏈接。 唯一的問題是因為我將盒子設置為max-height: 400px; 它表示我目前創建的任何列表，例如。 <li>1</li><li>2</li>等只是繼續沿着盒子向外延伸而不是在下一行。 任何人都知道如何強迫它向右移動並表現得好像它正在開始一個新的清單？

Answer 1

使用CSS3 column-count屬性，這會將內容分成3個部分，支持仍然很冒險，但這將是你正在尋找的完美方法

演示

div {
    background: #eee;
    height: 120px;
    column-count:3;
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
}