react native 瀑布流布局_CSS columns多列布局 实现瀑布流布局效果

CSS columns多列布局规范经常被忽略，我们可以通过CSS columns实现类似报纸上的文本内容排版一般亦或瀑布流排版布局。

CSS columns多列布局 实现瀑布流布局效果​www.deathghost.cn

我们通常使用CSS Grid Layout和Flexbox等布局方式的情况下，经常忽略另一种布局方法 - “CSS Columns”。

这篇文章N年前写过，由于迁站加之当时博客内容涉及杂乱，数据也就丢弃了 。

我们对于新码首先想到的是在什么场景去使用，如何使用，是否简化。下面我们看看CSS中这个多列布局方式。

运用场景：内容块实现多列划分或瀑布流的方式排版布局。

也就是将一整块文本通过column-count和column-width对其进行分列或分栏实现排版布局效果。

最为常见的就是网站上的图文以"瀑布流"的方式排版。