微信小程序2 view，text 标签

View标签

删除上次test.wxml中的内容，改成

<View>这是第一个View</View>
<view>这是第二个view</view>

新加了2个view标签

页面展示为

 可以看到，一个view标签占满了一行，跟代码里view标签是否换行是没关系的。

包括我改成这样

<View>这是第一个
View</View><view>这是


第二个view</view>

可以看到也就是在第一行的“个”和“V”，第二行的“是”和“第”之间出现了空格，并没有换行。

 总结一下就是，View标签类似html中的div，p标签，会自动占满一行。

Text标签

在test.wxml中加上text标签，注意看代码中也是换行的。

<text>第一个Text</text>
<text>第二个Text</text>

然而展示并没有换行

 修改代码

<text>
第一个Text
</text>
<text>第二个Text</text>

结果为

 可以看到，代码换行后，第一个text的上方和下方都换行了。

可以说Text标签类似html中的span，但是会多一些属性

Text的属性

1.selecttable，是否可选中

<text selectable>
第一个Text
</text>
<text>第二个Text</text>

我们给第一个text加上selecttable属性后，发现它会有长按选中的效果。

 2.decode，转义

<text decode>第二个&nbsp;Text</text>

结果是在 位置多出一个空格来。

 如果不加decode，则不会被转义，直接显示了字符串“ ”。