CSS如何解决文字与图片不能水平居中对齐的问题

掉漆的栏杆上,反射着夕阳的余晖渐渐消逝。我们的青春就随这样随着夕阳落幕。绮丽多姿扮靓妆,繁花锦簇沁心香。长歌游宝地,徒倚对珠林。家门口的风景,其实眼前的就是最好的,爱你选择的一切!
在 HTML 代码中,有时会需要在文字旁边加上一个图标。

默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐

解决办法:在css中设置图片的vertical-align属性,
复制代码
代码如下:

<img src="" style="vertical-align:text-bottom" />

到此这篇关于CSS如何解决文字与图片不能水平居中对齐的问题就介绍到这了。人生是愈取愈少,愈舍愈多,该当如何?少年时取其丰,壮年时取其实,老年时取其精。少年时舍其不能有,壮年时舍其不当有,老年时舍其不必有。更多相关CSS如何解决文字与图片不能水平居中对齐的问题内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例