如何解决安卓上按钮文字偏上的问题

weixin_30564785

于 2017-10-19 18:20:00 发布

阅读量580

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：http://www.cnblogs.com/tangbuluo/p/7694081.html

本文介绍了一种使用Flex布局替代传统CSS布局的方法，通过将父元素设置为display:flex，并使用align-items与justify-content属性来实现水平垂直居中效果，解决了原有布局方式中的line-height和vertical-align属性限制。

原css:

a {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    width: 70px;
    vertical-align: middle;
}

解决方法：去掉line-height和vertical-align 使用 flex 布局。

把父元素设为：

display: flex;
align-items: center;
justify-content: center；

转载于:https://www.cnblogs.com/tangbuluo/p/7694081.html