当文本与缩略图一起时,我的行高1.6当然会影响我的图像的垂直对齐>文本...文本低于图像的顶部 - 我假设大约8px。
除了在段落中添加一个负的margin-top之外,还有一个解决方法吗?
----------------------------------------
更新:在新的一天,我的大脑褪色有望过去,我很遗憾地问这个问题。如果它没有收到答案,我已经删除了 - 但现在将保持原样,并建议将其忽略。
我认为,在尝试(并且无法)按照我的意愿获取内容的挫折中,我发布了希望而不是严肃的期望。
Commonsense建议,当行高大于1时,由于文本中有额外的空间(字符的上方和下方),垂直对齐不会很完美。
答案 0 :(得分:0)
使用vertical-align: middle;
img {
width: 50px;
vertical-align: middle;
}
<div>
<img src="http://justcuteanimals.com/wp-content/uploads/2016/10/baby-bear-pictures-cute-animal-pics.jpg">
This is test
</div>