博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
去除移动端按钮点击时的阴影和rem标签垂直居中
阅读量:5043 次
发布时间:2019-06-12

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

*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ }

使用rem设置height和line-height相同时文字没有居中?

pc上模拟器模拟出来的是垂直居中的没错,但是在实际手机中,苹果手机渲染出来是垂直居中的,安卓手机渲染出来就是会偏上一些,兼容的方法就是不要设置height,line-height设置为1,用padding值上下相等来保持垂直居中。

.m-label{display: inline-block;margin: 0.09rem 0.07rem; padding: 0.155rem 0.23rem;line-height: 1px; font-size: 0.14rem;letter-spacing: 0;border-radius: 0.16rem;text-align: center;}

转载于:https://www.cnblogs.com/xutongbao/p/9924867.html

你可能感兴趣的文章
【linux】重置fedora root密码
查看>>
用swing做一个简单的正则验证工具
查看>>
百度坐标(BD-09)、国测局坐标(火星坐标,GCJ-02)和WGS-84坐标互转
查看>>
pig自定义UDF
查看>>
输入名字显示其生日,没有则让输入生日,做记录
查看>>
爬虫综合大作业
查看>>
Kubernetes 运维学习笔记
查看>>
并查集 经典 畅通工程
查看>>
Spark MLlib 之 Naive Bayes
查看>>
php修改SESSION的有效生存时间
查看>>
spring security 11种过滤器介绍
查看>>
Hibernate一对多、多对一关联
查看>>
一、记录Git使用中遇到的问题及解决方法
查看>>
学习网址
查看>>
前端表格插件datatables
查看>>
内部类
查看>>
树链剖分入门
查看>>
图解算法时间复杂度
查看>>
UI_搭建MVC
查看>>
一个样例看清楚JQuery子元素选择器children()和find()的差别
查看>>