微信小程序,text标签,文字居中显示,折行的内容左对齐显示
时间: 2024-04-05 16:34:20 浏览: 244
微信小程序文字显示换行问题
5星 · 资源好评率100%
要实现微信小程序中text标签中文字居中显示,折行的内容左对齐显示,可以使用以下代码:
```html
<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` 取消首行缩进,实现左对齐显示。
阅读全文