微信小程序之button里面的文字水平居中、垂直居中

给button两个固定属性,一个是高另外一个是行内高,就能解决这个问题。

button{
    height: 80rpx;
    line-height: 80rpx;
    width: 300rpx;
    background-color: lightcoral;
}

将高和行内高设置同样的高度,button按钮里面的字体就会上下居中啦~
水平居中就加一个属性:

text-align: center;
发布了93 篇原创文章 · 获赞 210 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_43729943/article/details/105505058
今日推荐