为什么浮动＆amp;内联块导致不同的垂直类型？

Question

Here is my case code.

我创建了一个div，其中包含元素i。 i具有width和height属性，我以不同的方式实现它。所以，我遇到了行高问题。我对float vs inline-block了解一点。但是，在我的情况下，是什么导致了行高呢？

Answer 1

inline-block被视为内联元素（如文本）。如果它比同一行中的其他内联元素高，则会强制行高更高。您可以使用vertical-align:top|middle|bottom;更改内联块元素的对齐方式（此处vertical-align的更多选项：https://developer.mozilla.org/en/docs/Web/CSS/vertical-align）。

浮动元素只是被推到一边或另一边，文本在它周围流动。