uni-app是目前常见的多端开发框架，基于uni-app可以开发微信小程序、app、H5等端的代码。

本篇文章介绍的内容也是基于uni-app框架而进行处理的，网站中文本基本占据整个网站的大部分主要版本。

由此可见关于文本的展示也是网站的重点方向，常见的文本展示为富文本和普通文本两种格式。

富文本：由html标签组合成的文本内容，自定义程度更高。所展现的结果样式也更加美观、灵活多变。

普通文本：即文本内容、空格、换行三块主要内容组成的文本内容。

本篇介绍普通文本在页面中进行展示时，如何保留文本中的空格、换行效果。

从上图可知，普通文本在保留空格和换行效果后。其阅读性极为便利，但如果没有空格、换行。展示为一连串的文本内容阅读起来就会显得很吃力。而又因为中国语言的特殊性，不同断句所产生的效果可能也截然不同。

那么在uni-app中实现保留文本的空格、换行等效果要如何实现呢？

开始之前，先来了解一下。你是否遇到过文本内容中含有换行、空格等效果。但页面中展示时空格、换行效果没有实现？

这里就需要注意到，你的uni-app中标签是否正确使用。

//错误标签
<view>
	六月初工具站
	六月初博客站
	六月初字帖坊
	六月初系列小程序，提供不同类型、内容。
<view>
//正确标签
<text>
	六月初工具站
	六月初博客站
	六月初字帖坊
	六月初系列小程序，提供不同类型、内容。
<text>

这就需要用到uni-app中关于文本的组件“text组件”

text组件：文本组件。用于包裹文本内容。

text组件属性说明

    selectable:false(默认)|true 文本是否可选

    user-select:false(默认)|true 文本是否可选 微信小程序

    space:(ensp|中文字符空格一半大小、emsp|中文字符空格大小、nbsp|根据字体设置的空格大小) 显示连续空格 钉钉小程序不支持

    decode:false(默认)|true 是否解码 百度、钉钉小程序不支持

由上述案例可知，在开发中对应的模块。需合理使用组件，不然结果可能大相径庭。