uniapp 标题后面紧跟一个标签的布局
2024-04-01 14:22:55
使用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写样式即可。
最新文章
- angular2系列教程（七）Injectable、Promise、Interface、使用服务
- 开发 ASP.NET vNext 续篇：云优化的概念、Entity Framework 7.0、简单吞吐量压力测试
- Foundation ----->NSArray
- Linux命令之md5sum
- pod》error:The dependency `` is not used in any concrete target
- HTTPS 升级指南
- python运维开发(二十三)---tornado框架
- js取整数、取余数的方法
- Oracle 12C 新特性之 sqlplus查看History命令
- Android OpenGL ES 入门系列（一） --- 了解OpenGL ES的前世今生
- Win7(64Bit旗舰版) 安装 PL/SQL Developer图解说明
- 快速安装puppeteer （跳过安装Chromium）
- 微信小程序入门（五）
- C++代码风格指南总结
- [PA2014]Kuglarz
- [BZOJ3080]Minimum Variance Spanning Tree/[BZOJ3754]Tree之最小方差树
- Ext.app.Application
- Navicat连接MySQL，出现2059 - authentication plugin 'caching_sha2_password'的解决方案
- maven工程插件配置
- Linux 64位 CentOS下安装 Docker 容器，启动、停止