有没有什么聪明的/标准的方法可以让侧栏列具有相同的高度，并且里面有多个小部件？

Question

JavaScript/jQuery在每个列/侧边栏中有相同数量的小部件时工作，检查父级的高度并应用该高度。我猜是小部件区域的样式影响了这一点。

使用flexbox，它们根据大小水平对齐(见图2)。

我知道这个问题是关于CSS的，但我认为这是一个常见的WordPress特有的问题，因为小部件的使用。

​

Answer 1

如果你没有设置align-items属性，它应该是默认的'stretch‘。您的列上必须有margin: auto。

Answer 2

你可以使用flexbox，但一定要在容器上使用align-items: stretch。(从外观上看，您当前拥有align-items: center。)要了解更多信息，我通常会查看CSS-Tricks article on flexbox。