2013-07-22 58 views
1

這個speakers from jQuery Portland列表使用3列布局(桌面瀏覽器寬度),其中單個元素可以增長以取代其下方的項目,而不影響其他列。缺點是這需要標記中有3個列容器。多列列表是否具有單獨的彈性列?

是否有可能獲得與簡單的列表相同的效果,並沒有只有CSS的列容器?

我以前從來沒有使用過flexbox,但似乎無法將項目換行而不在列codepen example之間耦合行。

回答

1

是否有可能獲得一個簡單的列表相同的效果,並沒有只有CSS的列容器?

回答這個:您還可以使用column-count

demo

+0

完美,非常感謝你[另一個演示(http://codepen.io/Sinetheta/pen/Esyuf) – Sinetheta

+0

另一個演示? ????? –

+1

當我用'column-count'自己測試時,你添加了你的demo作爲編輯;)[break-inside]屬性也派上用場,詳見[this other question](http:// stackoverflow。 COM /問題/ 7785374 /如何對防止柱斷裂,內安元)。 – Sinetheta