如何仅使用css创建砌体布局？

Question

我想用css创建砌体布局，我在网上阅读所有教程，但是他们使用列属性来划分布局，这里的问题是布局会像这样显示（用1,2,3 .. 。是一件物品。）

require(quanteda)

# bi-grams
topfeatures(dfm(text, ngrams = 2, verbose = FALSE))
##      of_the     a_phrase the_sentence       may_be         as_a       in_the    in_common    phrase_is 
##           5            4            4            3            3            3            2            2 
##  is_usually     group_of 
##           2            2 

# for tri-grams
topfeatures(dfm(text, ngrams = 3, verbose = FALSE))
##     a_phrase_is   group_of_words    of_a_sentence  of_the_sentence   for_example_in   example_in_the 
##               2                2                2                2                2                2 
## in_the_sentence   an_orange_bird orange_bird_with      bird_with_a 
#               2                2                2                2 

我希望我的布局必须是：

1|3|5
2|4|6

我只想使用css。请告诉我你是否有任何解决方案或想法来解决这个问题。

Answer 1

您可以使用flexbox。例如，请参阅codepen和complete guide to flex box了解详情。

为了使布局保持水平，请根据自己的喜好调整flex-direction。