<view style="display: flex;flex-direction: row;">
<view style="display: flex;width: 100%;flex-direction: row;">
<view style="flex: 1;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;">
<text>这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本这是文本</text>
</view>
<view style="flex: 1;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;">
<text>abcabcabcabcabca1234567,abcabcabcabcabca1234567,abcabcabcabcabca1234567</text>
</view>
</view>
</view>
- 发布:2023-08-22 11:49
- 更新:2023-08-22 13:48
- 阅读:153
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 11
HBuilderX类型: 正式
HBuilderX版本号: 3.8.7
手机系统: iOS
手机系统版本号: iOS 15
手机厂商: 苹果
手机机型: IPhone7
页面类型: vue
vue版本: vue3
打包方式: 离线
项目创建方式: HBuilderX
示例代码:
操作步骤:
使用上述样式布局代码直接运行即可
使用上述样式布局代码直接运行即可
预期结果:
两段文本都应该会超出省略
两段文本都应该会超出省略
实际结果:
包含中文的文本换行了
包含中文的文本换行了
来瓶快乐水 (作者)
感谢回复,确实是这样的
2023-08-22 14:54