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寫樣式即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM