html - 为什么 float 和 inline-block 会导致不同的垂直类型?

标签 html css

Here is my case code.

我创建了一个包含元素 idiviwidthheight 属性,我用不同的方式实现它。所以,我遇到了行高问题。我对 floatinline-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/

相关文章:

javascript - xampp 中出现奇怪的 javascript

javascript - 如何获取对话框内容中的 Jquery 对话框文本框值和 <tr> 单元格值?

html - 网站主题突然在右侧显示空白

html - 过渡CSS 3后图像模糊

html - 分配类名时段落不响应更改

javascript - 并排交替的 Angular ng-repeat 表

javascript - 如何从网络共享在网页中显示 pdf

javascript - 在提交 html 表单时返回多个方法

HTML/CSS 居中控件到屏幕

html - 影响父级高度的 CSS 嵌套列表