uni-app怎么设置元素水平居中

在uni-app中设置元素水平居中，可以使用以下两种方法：

1. 使用flex布局

可以将父元素的`display`属性设置为`flex`，并将子元素的`margin`属性设置为`auto`。这样子元素就会水平居中。

示例代码：

<template>
  <div class="container">
    <div class="box"></div>
  </div>
</template>

<style>
.container {
  display: flex;
  justify-content: center;
}

.box {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-color: red;
}
</style>

2. 使用text-align属性

可以将父元素的`text-align`属性设置为`center`，并将子元素的`display`属性设置为`inline-block`。这样子元素也会水平居中。

示例代码：

<template>
  <div class="container">
    <div class="box"></div>
  </div>
</template>

<style>
.container {
  text-align: center;
}

.box {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color: red;
}
</style>