我创建了一个包含元素 i
的 div
。 i
有 width
和 height
属性,我用不同的方式实现它。所以,我遇到了行高问题。我对 float
与 inline-block
略知一二。但是,是什么导致了我的行高?
最佳答案
inline-block
被视为内联元素(如文本)。如果它比同一行中的其他内联元素高,它会强制 line-height 更高。您可以使用 vertical-align:top|middle|bottom;
更改内联 block 元素的对齐方式(vertical-align
的更多选项在这里:https://developer.mozilla.org/en/docs/Web/CSS/vertical-align) .
float 元素只是被推到一侧或另一侧,文本围绕它流动。
关于html - 为什么 float 和 inline-block 会导致不同的垂直类型?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37024979/