我怎样才能更好地垂直对齐图像>文本?

时间:2017-07-20 07:30:31

标签: css vertical-alignment

当文本与缩略图一起时,我的行高1.6当然会影响我的图像的垂直对齐>文本...文本低于图像的顶部 - 我假设大约8px。

除了在段落中添加一个负的margin-top之外,还有一个解决方法吗?

              ----------------------------------------

更新:在新的一天,我的大脑褪色有望过去,我很遗憾地问这个问题。如果它没有收到答案,我已经删除了 - 但现在将保持原样,并建议将其忽略。

我认为,在尝试(并且无法)按照我的意愿获取内容的挫折中,我发布了希望而不是严肃的期望。

Commonsense建议,当行高大于1时,由于文本中有额外的空间(字符的上方和下方),垂直对齐不会很完美。

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>