uniapp 水平居中

在uniapp中实现水平居中，可以使用以下代码：

<template>
<view class="center">
我需要水平居中
</view>
</template>

<style>
.center {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid black;
height: 100px;
}
</style>

其中，display: flex;将该元素设置为弹性盒子，justify-content: center;将子元素水平居中，align-items: center;将子元素垂直居中。