Html 项目没有水平对齐

4个div的宽度为23%，显示为内联块，高度为220px，边距为0。问题是它们没有水平对齐

我试图改变高度和宽度已经和删除的边缘，但这并不能解决它。



看起来像这样…

.aside列{
宽度：23%；
显示：内联块；
高度：220px；
保证金：0；
}

汉莎航空vs空客
我的同僚们都是精英。Quibusdam，实习课？选择权的合理分配。流动资金

比尔·盖茨的历史
我的同僚们都是精英。劳动中的自由是暂时性的，不属于任何人，不属于任何人，不属于任何人

特易购刺杀
Lorem ipsum dolor sit amet，奉献精英。你是谁

亚马逊森林大火
我的同僚们都是精英。圣特尼图尔的巴黎流动资产

给出

垂直对齐：顶部至
。旁列
类


.aside列{
宽度：23%；
显示：内联块；
高度：220px；
保证金：0；
垂直对齐：顶部；
}

汉莎航空vs空客
我的同僚们都是精英。Quibusdam，实习课？选择权的合理分配。流动资金

比尔·盖茨的历史
我的同僚们都是精英。劳动中的自由是暂时性的，不属于任何人，不属于任何人，不属于任何人

特易购刺杀
Lorem ipsum dolor sit amet，奉献精英。你是谁

亚马逊森林大火
我的同僚们都是精英。圣特尼图尔的巴黎流动资产

您还可以使用父容器，即flexbox


.container{
显示器：flex；
}
.旁栏{
宽度：23%；
高度：220px；
利润率：1%；
}

汉莎航空vs空客
我的同僚们都是精英。Quibusdam，实习课？选择权的合理分配。流动资金

比尔·盖茨的历史
我的同僚们都是精英。劳动中的自由是暂时性的，不属于任何人，不属于任何人，不属于任何人

特易购刺杀
Lorem ipsum dolor sit amet，奉献精英。你是谁

亚马逊森林大火
我的同僚们都是精英。圣特尼图尔的巴黎流动资产

最受欢迎的…：）