.myText{
  display: flex;
  align-items: center;/* 垂直居中 */
  justify-content: center;/* 水平居中 */

  
  width: 200rpx;
  height: 200rpx;
}

1 有宽高 line-height

<view class='container'>
    666
</view>

.container{
  border: 2rpx black solid;
  width: 400rpx;
  height: 200rpx;
  text-align: center;   /* 左右居中 */
  line-height: 200rpx;  /* 设置行高 使文字上下居中 */
}

2 使用flex布局

<view class='container'>
    <text>666</text>
</view>

.container{
  border: 2rpx solid red;
  width: 500rpx;
  height: 200rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

方法一

利用 line-height，使line-height的值与view的height一致即可

wxml

<view class='container'>
    海轰
</view>

wxss

.container{
  width: 400rpx;
  height: 100rpx;
  text-align: center;
  line-height: 100rpx;
  background: yellowgreen;
}

效果

方法二

使用 flex 弹性布局

wxss使用下面的代码：

display: flex;
justify-content: center;
align-items: center;

wxml

<view class='container'>
    这是个例子
</view>

wxss

.container{
  width: 400rpx;
  height: 200rpx;

  display: flex;
  justify-content: center;
  align-items: center;

  background: yellow;
}

效果图

当然view里面嵌入text也行

wxml

<view class='container'>
    <text>这是个例子
    </text>
</view>

效果和不使用text一样。

但是使用text时，text中的空格也会算

wxml

<view class='container'>
    <text>
    
    
    
    这是个例子
    </text>
</view>

wxss不变
效果图