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