微信小程序，text标签，文字居中显示，折行的内容左对齐显示

要实现微信小程序中text标签中文字居中显示，折行的内容左对齐显示，可以使用以下代码：

<text style="display: inline-block; text-align: center; width: 100%; text-indent: 0;">
  这里是需要折行的内容，这里是需要折行的内容，这里是需要折行的内容，这里是需要折行的内容，这里是需要折行的内容，这里是需要折行的内容。
</text>

这段代码中，`display: inline-block` 使得text标签变成一个块级元素，可以设置宽度和高度；`text-align: center` 实现文字居中显示；`width: 100%` 让text标签的宽度占满整个父元素，使得文字折行；`text-indent: 0` 取消首行缩进，实现左对齐显示。

相关问题

微信小程序view中有一个text标签，text内的文字左右居中显示，折行后下行，左对齐显示

可以使用`<view>`标签内嵌套`<text>`标签，并设置`text-align:center`属性，来实现文字在容器中左右居中显示。然后再设置`white-space:pre-wrap;word-break:break-all;text-align:left;`属性，来实现文字折行后下行，左对齐显示。示例代码如下：

<view style="text-align:center;">
  <text style="white-space:pre-wrap;word-break:break-all;text-align:left;">
    这是一段需要折行的文字，左对齐显示。
  </text>
</view>

微信小程序导航栏文字居中

微信小程序导航栏的文字可以通过设置`navigationBarTitleText`属性来显示，但默认情况下，文字是左对齐显示的。若想将文字居中显示，可以通过以下两种方法实现。

#### 方法一：使用自定义导航栏

使用自定义导航栏可以更加灵活地控制导航栏的样式，从而实现文字居中显示。具体实现步骤如下：

1. 在app.wxss文件中定义自定义导航栏样式：

   .custom-nav {
     height: 44px;
     line-height: 44px;
     text-align: center;
     font-size: 18px;
     color: #000;
     font-weight: bold;
     background-color: #fff;
     border-bottom: 1px solid #eee;
   }

2. 在需要显示自定义导航栏的页面的wxml文件中引入自定义导航栏：

   <view class="custom-nav">
     <text>{{title}}</text>
   </view>

3. 在对应的js文件中设置导航栏标题：

   Page({
     data: {
       title: '页面标题'
     },
     onLoad: function() {
       wx.setNavigationBarTitle({
         title: ''
       })
     }
   })

通过调用`wx.setNavigationBarTitle`函数，将系统自带的导航栏标题设置为空，从而使用自定义导航栏。

#### 方法二：使用CSS样式控制

使用CSS样式控制也可以实现导航栏文字居中显示，具体实现步骤如下：

1. 在app.wxss文件中设置导航栏样式：

   .wx-navigation-bar .wx-navigation-bar__title {
     text-align: center;
     width: 100%;
   }

2. 在需要显示导航栏标题的页面的js文件中设置导航栏标题：

   Page({
     onLoad: function() {
       wx.setNavigationBarTitle({
         title: '页面标题'
       })
     }
   })

通过调用`wx.setNavigationBarTitle`函数，设置导航栏标题。

以上两种方法均可以实现微信小程序导航栏文字居中显示，开发者可根据实际需求选择相应的方法。