将图像与文本 CSS 对齐答案

【问题标题】：Align Image with text CSS将图像与文本 CSS 对齐
【发布时间】：2023-03-14 09:32:01
【问题描述】：

我不明白为什么这段文字不会与图像的中间对齐。检查下面的屏幕截图，一个突出显示，一个没有：

我希望 Australia 一词排在图片中间（与箭头对齐）。正如您从突出显示中看到的那样，问题不是图像的高度。

我已经尝试过 vertical-align:middle 这有帮助，但你可以看到它并不完美！

建议赞赏！

【问题讨论】：

将文本放在 div 中并应用 padding-top 以获得所需的位置。
将文本 div 的行高设置为与图像相同的高度有时会对此有所帮助。如果您发布一些代码，会更容易判断发生了什么......
如果可能的话，我也会使用行高而不是填充
我建议你把示例代码放在这里

标签： html css image web alignment

【解决方案1】：

如果这是一个链接，请使用 CSS 背景。我猜测下面的值，但您可以根据自己的情况轻松调整它们。

A.aus {
     background-image:url(../images/aus.png);
     background-position:0px 1px;
     display:block;
     height:40px;
     padding-left:60px;
     margin-top:3px;
     font-size:    ....etc.... 
}

【讨论】：