Html 为什么相同高度的内联块元素；宽度本身不垂直对齐

为什么内联块元素不在垂直顶部对齐？如果我在所有的块中都有相同的内容，这是好的，但是我在一个块中减少了内容，它就失去了一致性。在代码中，有四个div定义了类para1和css。第二、第三和第四分区可以，但第一分区移到下面，因为内容较少。我可以通过位置或使用浮动得到它，但需要理解为什么它是这样的

.para1{
宽度：24%；
高度：200px；
边框：2倍纯红；
显示：内联块；
}

这是一个很好的例子，它是一个很好的例子。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。阿梅特·马萨和萨皮安·波特托尔酒店
卢克图斯

Lorem ipsum dolor sit amet，是一位杰出的献身者。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯。马利苏阿达，等等
这是一位杰出的政治家。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯

Lorem ipsum dolor sit amet，是一位杰出的献身者。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯。马利苏阿达，等等
这是一位杰出的政治家。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯

Lorem ipsum dolor sit amet，是一位杰出的献身者。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯。马利苏阿达，等等
这是一位杰出的政治家。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯

因为内联元素的垂直对齐是
基线
。将其更改为类似于
middle
或
top
的位置，它们将按照我认为您希望的方式对齐


.para1{
宽度：24%；
高度：200px；
边框：2倍纯红；
显示：内联块；
垂直对齐：顶部；
}

这是一个很好的例子，它是一个很好的例子。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。阿梅特·马萨和萨皮安·波特托尔酒店
卢克图斯。

Lorem ipsum dolor sit amet，是一位杰出的献身者。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯。马利苏阿达，等等
这是一位杰出的政治家。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯

Lorem ipsum dolor sit amet，是一位杰出的献身者。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯。马利苏阿达，等等
这是一位杰出的政治家。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯

Lorem ipsum dolor sit amet，是一位杰出的献身者。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯。马利苏阿达，等等
这是一位杰出的政治家。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯

因为内联元素的垂直对齐是
基线
。将其更改为类似于
middle
或
top
的位置，它们将按照我认为您希望的方式对齐


.para1{
宽度：24%；
高度：200px；
边框：2倍纯红；
显示：内联块；
垂直对齐：顶部；
}

这是一个很好的例子，它是一个很好的例子。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。阿梅特·马萨和萨皮安·波特托尔酒店
卢克图斯。

Lorem ipsum dolor sit amet，是一位杰出的献身者。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯。马利苏阿达，等等
这是一位杰出的政治家。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯

Lorem ipsum dolor sit amet，是一位杰出的献身者。Fusce cursus，最新的mattis blandit，magna leo iaculis lacus，velit的vel Vervolatip eros sem。库拉比图尔·阿梅特·马萨和萨皮安·波特·卢克图斯。马利苏阿达，等等
这是一位杰出的政治家。Fusce cursus，最新的mattis blandit，magna leo iaculi