Html 为什么是我的显示器：内联块；属性是否从上到下而不是从左到右显示？

我正在创建一个使用display:inline块的div动态布局，以帮助适应内容，因为它可以是不同的高度

下面是我正在使用的代码，但由于某些原因，我的div显示为

1357
2468

而不是

1234
5678

我使用的代码：

article{
 -moz-column-width: 13em;
 -webkit-column-width: 13em;
 -moz-column-gap: 1em;
 -webkit-column-gap: 1em; 

}

section{
 display: inline-block;
 margin:  0.25rem;
 padding:  1rem;
 width:  100%; 
 background:  #efefef;
}

---

这是我的

这是因为

column

CSS属性，它从上到下在“columns”中显示元素

要获得水平行为，您可以使用

display:inline block

或使用JS插件，如Mashiness

---

您是否尝试过

内联flex

？我创建了这个

是的，我知道砖石结构，但我试图用CSS重新创建它。我想我的解决办法应该是使用砖石结构。谢谢不幸的是，它没有按照我想要的方式处理高度。