uniapp 标题后面紧跟一个标签的布局

 

使用uni-app的时候，因为想用flex布局，所以一开始就设置了全部view display为flex。

之后遇到了如下这种样式：

开始想了半天没想出来，后来想到div span有这个效果。

然后就有了两种方法：

1、使用uni-app的 rich-text 然后节点使用div span 拼一个字符串出来。

　　<div><span>这里是标题这里是标题这里是标题这里是标题</span> <span class="label">标签</span></div>

2、设置外层的 view display 为 block。内层使用 text 即可。

　　<view id="test" class="block">
　　　　<text>这里是文字这里是文字这里是文字这里是文字这里是文字</text><text class="label">标签</text>
　　</view>

然后在根据class写样式即可。