uniapp 文字居中

在uniapp中，可以通过以下两种方式将文字居中：

1. 使用text组件的text-align属性，将文字水平居中

<template>
  <view>
    <text class="center">文字居中</text>
  </view>
</template>

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

2. 使用view组件的justify-content和align-items属性，将文字水平垂直居中

<template>
  <view class="container">
    <text class="center">文字居中</text>
  </view>
</template>

<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

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