max-width: 572rpx;
word-wrap: break-word;

- 发布:2022-07-04 16:45
- 更新:2022-07-04 22:08
- 阅读:319
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.4.7
手机系统: Android
手机系统版本号: Android 10
手机厂商: 小米
手机机型: 小米10 青春版
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
<view class=" word_break"><text class="word_break">asaasasasasasasasasasasasassasasasasasasasasasas</text></view>
.word_break {
max-width: 572rpx;
word-wrap: break-word;
}
<view class=" word_break"><text class="word_break">asaasasasasasasasasasasasassasasasasasasasasasas</text></view>
.word_break {
max-width: 572rpx;
word-wrap: break-word;
}
预期结果:
正常换行
正常换行
实际结果:
隐藏了半个字符
隐藏了半个字符
百倍 (作者)
请问该如何处理这种情况呢
2022-07-05 08:41