html – 为什么内联块元素未对齐?

html – 为什么内联块元素未对齐?,第1张

概述在垂直对齐的div内:顶部;我有两个元素,一个img和一个span(内部有aaa). 两个元素都有显示:inline-block;和宽度和高度设置. 无论我做什么和我尝试什么,元素都是错误的,如下图所示. 有什么问题,我该如何解决这个问题? 每个浏览器都会出现此问题 – FF,IE,Safari … http://jsfiddle.net/CaU59/ 您需要为元素本身添加vertical-ali 在垂直对齐的div内:顶部;我有两个元素,一个img和一个span(内部有aaa).

两个元素都有显示:inline-block;和宽度和高度设置.

无论我做什么和我尝试什么,元素都是错误的,如下图所示.
有什么问题,我该如何解决这个问题?

每个浏览器都会出现此问题 – FF,IE,Safari …
http://jsfiddle.net/CaU59/

解决方法 您需要为元素本身添加vertical-align,而不是它们的容器.它们目前已对齐基线,您可以从与图像排列的文本中看到.

http://jsfiddle.net/CaU59/2/

总结

以上是内存溢出为你收集整理的html – 为什么内联块元素未对齐?全部内容,希望文章能够帮你解决html – 为什么内联块元素未对齐?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1052420.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存