小程序button文字水平居中、垂直居中有效设置办法
在小程序中，要使button的文字水平居中和垂直居中，可以使用样式display: flex; justify-content: center; align-items: center;。以下是具体的实现方法：
- 在
button标签上添加一个自定义的类名，比如button-center。 - 在
wxss文件中定义该类名的样式，使用flex布局实现水平和垂直居中。
<!-- wxml文件 -->
<button class="button-center">按钮文字</button>
/* wxss文件 */
.button-center {
display: flex;
justify-content: center;
align-items: center;
width: 100%; /* 根据需要设置宽度 */
height: 100rpx; /* 根据需要设置高度 */
/* 其他样式 */
}这样设置后，button内的文字就会水平和垂直居中显示。
评论已关闭