html – 垂直对齐锚内的文本

前端之家收集整理的这篇文章主要介绍了html – 垂直对齐锚内的文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个 HTML
<a href="href" class="my-a-class>
    <img alt="alt" src="/path/to/image.jpg" class="my-img-class" />&nbsp;My text
</a>

我需要垂直对齐“我的文字”而不影响锚点中的图像.我无法添加任何HTML标记,我只需要使用CSS.有什么建议吗?

解决方法

你可以使用.my-a-class {line-height:value}来做到这一点.将值替换为图像的高度.

编辑—

这些天使用flexBox要好得多:

.my-a-class {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
原文链接:https://www.f2er.com/html/228603.html

猜你在找的HTML相关文章