html - 将文本和图像垂直集中在 <a> 元素内

标签 html css

我的简单 HTML:

<a>
    <span>My Text</span>
    <img src="" width="50" height="50" />
</a>

我的 CSS:

a {
    padding: 6px;
}

fiddler :http://jsfiddle.net/sa3LT/

大家好!

我在回答这个问题时遇到了麻烦。我认为很简单,但对我而言,我找不到解决此问题的方法。

谢谢大家。

最佳答案

听起来您希望 a 标记中的文本在图像旁边垂直居中。添加这段 CSS 将解决问题(正如 Smeegs 所指出的,此 CSS 将适用于 a block 内的所有 img 标签:

a img {
    vertical-align: middle;
}

JSFiddle:http://jsfiddle.net/sa3LT/1/

关于html - 将文本和图像垂直集中在 <a> 元素内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22769639/

相关文章:

Javascript:如果滚动到特定目的地淡出,如果再次向上滚动,则淡入

html - 如何将 svg 图像固定到特定高度并保持响应?

html - div中的全 Angular 输入

html表格如何使所有列的高度相同

javascript - 在全身的某些元素上添加和删除过滤器

html - Firefox 和 Chrome 中计算高度的差异

javascript - Sencha 触摸 2 : How to get the values from an HTML input field displayed inside a Panel?

html - 使用 .htaccess 重定向到 403 页面时出现 404 错误?

css - div 内的表格 - td 的内容导致水平溢出。我怎样才能限制宽度?

html - 如何继续绝对定位的列背景