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

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

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

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

然后就有了两种方法:

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

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

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

  <view >标签</text>
  </view>

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

相关文章:

  • 2021-12-18
  • 2021-07-30
  • 2021-07-31
  • 2022-12-23
  • 2021-06-22
  • 2021-04-12
  • 2021-08-01
  • 2021-07-17
猜你喜欢
  • 2022-12-23
  • 2021-11-19
  • 2021-07-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-16
  • 2021-06-11
相关资源
相似解决方案