现在的位置: 网页制作教程网站制作经验 >正文
CSS

css如何让图片和文字在同一水平线上显示

发表于2020/8/20 网站制作经验 0条评论 ⁄ 热度 5,689℃

当一行既有图片又有文字时,我们如何通过css让图片和文字在同一水平线上显示?一般情况图片总是会比文字高出一截,可以说非常不好看了。通过下面的css代码可以完美解决问题。

<img src="/image/demo.png" />
<p>和图片保持同一水平线展示!</p>
p{
display: inline-block;
vertical-align: middle;
}
img {
vertical-align: middle;
}
  • 暂无评论