uni-app 文本居中
时间: 2023-07-07 21:23:11 浏览: 125
uni-app自定义组件之菜单左右滑动并点击切换选中居中显示.zip
在 uni-app 中,可以使用 `text-align: center` 来实现文本水平居中的效果,例如:
```html
<view style="text-align: center;">
<text>这是居中的文本</text>
</view>
```
如果想要实现文本垂直居中的效果,可以使用 flex 布局,并设置 `justify-content: center` 和 `align-items: center`,例如:
```html
<view style="display: flex; justify-content: center; align-items: center; height: 100%;">
<text>这是居中的文本</text>
</view>
```
其中,`height: 100%` 是为了让父元素充满整个页面,从而让文本垂直居中。
阅读全文