微信小程序之文本换行居中

原本的代码：

 <view>未识别到错题，请重新采集或收录图片～</view>

显示样式：

1、文字需换行

<view style="white-space: pre-wrap;">未识别到错题，\n请重新采集或收录图片～</view>

效果：

2、文本居中对齐

<view style="white-space: pre-wrap;text-align: center;">未识别到错题，\n请重新采集或收录图片～
</view>

效果：

完结撒花~

原创不易，转载务必注明出处。

微信小程序之文本换行居中相关推荐

微信小程序canvas文本换行效果
我们在canvas上绘制多行文本的时候,不可能一行一行的绘制,这时就需要到了换行这个功能. 文本换行参数:1.canvas对象,2.文本 3.距离左侧的距离 4.距离顶部的距离 5.(不用管)6.文 ...
微信小程序富文本换行问题文本溢出使用省略号
>需求场景:由于有高亮的需求,所以选择用富文本的标签<rich-text>,同时还有个需求是希望展示两行,然后溢出的情况用省略号. >解决思路:在nodes节点里面包一层div ...
微信小程序富文本渲染(rich-text)换行失效
微信小程序富文本渲染(rich-text)换行失效给rich-text标签加css 样式 white-space: pre;
微信php echo换行,微信小程序文字显示换行问题
微信小程序文字显示换行问题小程序文字显示换行问题用户在上传图文时,输入换行符.导致我在拿到数据后JSON.parse的时候报错. 大概这样的结构: [{ text:'落魄前端在线炒粉!!!' ...
微信聊天自动解析html文本,微信小程序纯文本实现@功能
前言大家肯定对@功能不陌生,在如今的各大社交软件中它是一种不可或缺的功能.实现@人的功能并不复杂,只需将@人员的id传给后端,后端下发通知即可.主要的复杂点在于一键删除功能与变色功能,web端可以使 ...
微信小程序富文本处理
微信小程序富文本处理 wxml页面代码: <rich-text nodes ="{{content.content}}"></rich-text> ts代码 ...
微信小程序富文本编辑器获取内容
1.新建wxParse文件夹里面的结构是这样:wxParse :{ emojis (文件夹) html2json.js (文件) htmlparser.js(文件) showdown.js (文件) ...
微信小程序富文本编辑器组件 editor
微信小程序富文本编辑器组件 editor <view class="container"><view class="titlebox"> ...
微信小程序富文本解析
微信小程序富文本解析 *人狠话不多,直接代码搞起* html代码(后台返回的html代码) <p>这是一段文字</p><p><strong>这是加粗的字 ...
微信小程序后台文本自动换行失效实现换行
写在前面昨天在模拟微信小程序的时候,从后台获取的一段文本中有换行符号,就相当于我们写诗的时候,每写一句,我们都会按 enter 键让它换行,但是拿到微信开发者工具后,每一句诗都是挨着的,就像下边 ...

微信小程序之文本换行居中

微信小程序之文本换行居中相关推荐

最新文章

热门文章