文章详情页
css - 如何解决安卓上按钮文字偏上的问题
问题描述
比如一个普通的按钮,要做到文字垂直居中
<a>按钮</a>
css设置为:
a { height: 30px; line-height: 30px; font-size: 14px; text-align: center; width: 70px; vertical-align: middle;}
在chrome上和ios上没有问题,但是在安卓上文字就会明显偏上,如图
试过用table-cell或者line-height设为1,然后用padding来控制高度等方法,都不行,都是偏上的,这个问题怎么解决啊?
问题解答
回答1:这么巧前段时间我也碰到了一样的问题,
解决方法:使用 flex 布局。
把父元素设为:
display: flex;align-items: center;justify-content: center;
使用 autoprefixer 加上前缀以后没有任何兼容性问题。
回答2:a元素是行内元素,得设置为块级元素,设置的height line-height才起作用
回答3:f12调一下,把安卓的一些默认样式覆盖掉
回答4:这个,反正我是设置line-height和height一样,就会上下居中。不过,看你这个a好像也可以用button代替,button里面的文字自动上下左右居中
回答5:这是在特殊的浏览器才会出现这个问题吧,是line-height导致的,就用flex布局来替代
标签:
CSS
相关文章:
1. python - 请问django的orm能否独立拿出来使用?例如在非web程序中使用2. angular.js - 如何在指令里使用ng-click3. node.js通过module.exprots返回的是promise对象而非data?4. 执行composer require mews/captcha报错Your requirements5. 求助一个Android控件名称6. linux - 如何暂停运行中python脚本7. angular.js - angular获取radio选项的值,在线等啊亲,连续加班一个礼拜了……8. angular.js - angular多个ng-app ng-view问题9. 发布技术文章怎么没有python分类?10. 如何判断数组写入数据库有重复的值
排行榜