css设置单行图片与文字垂直居中-qaq卟言的个人博客

页面载入中,请稍后...

回到首页
刷新页面
分享链接
复制内容

点我安装PWA
您已拒绝通知

【css设置单行图片与文字垂直居中】

qaq卟言2020-12-08 04:27:15 Css Html

小人奔跑效果

开始

这是我之前写的样式，发现正常情况下，图片和文字是底边对齐显示的，想要图片和文字水平居中对齐很容易
1.png
只需要用到vertical-align，但是这个属性一定要定义在image上面，而不能定义在div上
```
style="vertical-align: middle;"
```
css：图片和文字的对齐方式（顶部、底部、垂直居中）

vertical-align: middle; //在中间位置
/*　vertical-align: text-top; */ 在顶部
/*　vertical-align: text-bottom; */ 在底部

修改后
2.png

完结

🔖本文来源：qaq卟言的个人博客网站声明如损害你的权益请联系我们

©️版权声明:本文为【qaq卟言】原创文章，写作不易，转载请您添加本文链接，谢谢您的合作！

📜著作协议：《知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议》

⚠️部分文章图片来自网络，可能存在版权问题。如发现相关争议请联系qaq卟言处理！

🔗

⏲

linux禁止ping, 防止Ping of Death攻击
上一篇

PHP页面加载时间的实现
下一篇

随机文章

该文章已经关闭评论,评论请前往留言信箱