html – 如何将内联img href与文本标签对齐?

html – 如何将内联img href与文本标签对齐?,第1张

概述好的,我有一个< a> < h4>内的标记标签,以及< a>中显示的任何文字. tag从h4中获取样式,并与其内联. 我的代码: <h4> <a href=""><img src="http://i.imgur.com/hiXucbv.png"></a> hit <a href=""><img src="http://i.imgur.com/hiXucbv.png">use 好的,我有一个< a> < h4>内的标记标签,以及< a>中显示的任何文字. tag从h4中获取样式,并与其内联.

我的代码:

<h4>    <a href=""><img src="http://i.imgur.com/hiXucbv.png"></a>    hit    <a href=""><img src="http://i.imgur.com/hiXucbv.png">user</a>    and dID something.</h4>

现场演示:http://jsfiddle.net/3vyhb4fh/1/

我的问题是;如何让所有这些元素垂直对齐?目前图像已经过时了,但改变行高等事情似乎只会弄乱页面上的格式.

我还没有真正显示< a>之前以这种方式标记,所以请告诉我这种方法是否不正确.

解决方法 如果我已经理解了这一点,只需将其添加到您的CSS:

img {    vertical-align: text-top;}

Fiddle

总结

以上是内存溢出为你收集整理的html – 如何将内联img href与文本标签对齐?全部内容,希望文章能够帮你解决html – 如何将内联img href与文本标签对齐?所遇到的程序开发问题。

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

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

原文地址:https://54852.com/web/1049573.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存