博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【css对齐】块内或者行内图片与文字居中对齐最靠谱的方式!
阅读量:6358 次
发布时间:2019-06-23

本文共 350 字,大约阅读时间需要 1 分钟。

块内或者行内图片与文字居中对齐最靠谱的方式!

做图片与文字在一行的按钮时候最常用到,总结了一个靠谱的方法,终于可以完美的对齐下面给个代码

首先是html:

<p class="btnUp"><img src="img/icon_gas_72X72@2x.png"><span>下载云门APP</span></p>

再来看css:

.btnUp img{  height: 72px;}.btnUp span{  display: inline-block;  height: 72px;  line-height: 72px;  vertical-align: top;}

最后的效果图如下:

061924515336564.png

转载于:https://www.cnblogs.com/lijie33402/p/4625167.html

你可能感兴趣的文章
利用jsoup解析天气预报
查看>>
Google Protocol Buffers浅析
查看>>
Apache Rewrite实现URL的跳转和域名跳转
查看>>
Mac Mini 和 TPLink 无线路由器连接问题
查看>>
windows下修改mysql5.5 root密码
查看>>
Centos之boot-loader恢复攻略!
查看>>
win7+VirtualBox+CentOS6网络配置
查看>>
索引的优点和缺点,设计数据库的人员必看
查看>>
iptables命令结构之显示条件
查看>>
Python 读取配置文件 生成配置文件 试例
查看>>
zabbix监控PostgreSQL服务器时unable to create mutex for log file
查看>>
用于tomcat 更新war包的脚本。
查看>>
ESXi主机日志管理
查看>>
go 入门学习笔记之 goroutine (九)
查看>>
c++11的简单尝试记录
查看>>
java GC 日志查看
查看>>
开篇大吉
查看>>
《Linux设备驱动开发详解》第3版现隆重征求读者创作意见
查看>>
Linux常用命令笔记--逻辑卷管理与维护
查看>>
安装tomcat时出错:failed to install tomcat7 service问题的解决方法
查看>>