文章详情页
css - 如何解决安卓上按钮文字偏上的问题
浏览：255日期：2023-07-04 11:57:43
问题描述
比如一个普通的按钮，要做到文字垂直居中
<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. docker镜像push报错2. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？3. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？4. 如何解决docker宿主机无法访问容器中的服务？5. docker api 开发的端口怎么获取？6. android glide asbitmap 在baseadpter中的问题7. 老师，flex-shrink: 1; 按视频操作，不会自动缩放8. python - 字符串里的u’u00a1’怎么打印成中文9. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。10. PHP中的$this代表当前的类还是方法？
排行榜
网公网安备