微信小程序：如何使button元素居中显示？

在微信小程序中，要使button元素居中显示，可以使用flex布局。以下是具体步骤：

1. 在页面的wxml文件中，为button元素添加`flex`属性，并设置其值为`1`，这样按钮就会自动居中。

```html

点击我

```

2. 在页面的js文件中，给button绑定事件监听器，当用户点击按钮时，触发事件。

```javascript

Page({

onButtonClick: function () {

console.log('按钮被点击');

}

})

```

3. 在页面的js文件中，定义一个函数，用于控制button元素的样式。

```javascript

Page({

onButtonClick: function () {

this.setData({

buttonStyle: {

display: 'flex',

justifyContent: 'center',

alignItems: 'center'

}

});

}

})

```

4. 在页面的css文件中，设置button元素的样式。

```css

.button {

display: flex;

justify-content: center;

align-items: center;

height: 60px;

line-height: 60px;

font-size: 14px;

color: #fff;

background-color: #1aad19;

border-radius: 5px;

}

```

5. 在页面的css文件中，设置body元素的样式。

```css

body {

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

background-color: #f5f5f5;

}

```

通过以上步骤，就可以实现让button元素在微信小程序中居中显示了。