微信小程序怎么把button居中

可以通过以下两种方法将按钮居中：

1. 使用CSS样式将按钮居中

在按钮的样式中添加以下代码即可将按钮居中：

button{
  display: flex;
  justify-content: center;
  align-items: center;
}

2. 使用flex布局将按钮居中

在父容器的样式中添加以下代码即可将按钮居中：

.container{
  display: flex;
  justify-content: center;
  align-items: center;
}

然后将按钮放在该容器中即可。

相关问题

微信小程序怎么把button上下居中

可以使用 flex 布局来实现按钮上下居中，具体实现如下：

1. 在 button 的父元素上设置 display: flex; 和 align-items: center;，这样就可以使 button 元素上下居中。
2. 如果希望 button 元素居中显示，可以在父元素上设置 justify-content: center;，这样就可以使 button 元素左右居中。

示例代码如下：

<view style="display: flex; align-items: center; justify-content: center;">
  <button>按钮</button>
</view>

希望能够帮助到你，如有疑问请随时追问。

微信小程序将button并列排放

在微信小程序中，将按钮并列排放可以通过使用Flex布局来实现。Flex布局是一种灵活的布局方式，可以轻松地将元素排列成一行或一列。以下是一个简单的示例，展示如何在微信小程序中实现按钮的并列排放：

1. 在WXML文件中定义按钮：

<view class="container">
  <button class="button">按钮1</button>
  <button class="button">按钮2</button>
  <button class="button">按钮3</button>
</view>

2. 在WXSS文件中使用Flex布局来排列按钮：

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 100px;
}

.button {
  width: 100px;
  height: 40px;
  background-color: #1AAD19;
  color: white;
  border: none;
  border-radius: 5px;
}

在这个示例中，`.container`类使用了Flex布局，`flex-direction: row`表示子元素按行排列，`justify-content: space-around`表示子元素之间均匀分布，`align-items: center`表示子元素在交叉轴上居中对齐。