<template>
<view style="white-space: pre-wrap;width: 200rpx;">
<text style="background-color: #292A3A;color: #fff;word-break: break-all;">****************************************************************************************</text>
</view>
</template>
<script>
//此页面用来配置加载项目前的配置
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>
<style lang="scss">
</style>
![[已删除]](https://img-cdn-tc.dcloud.net.cn/account/identicon/14452bdcb760c580bf4b2c6ab73294d3.png)
[已删除]
- 发布：2024-09-13 23:12
- 更新：2024-09-14 16:04
- 阅读：151
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 4.26
手机系统： iOS
手机系统版本号： iOS 15
手机厂商： 苹果
手机机型： iphone 11
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
运行及必现
运行及必现
预期结果：
换行
换行
实际结果：
不换行
不换行
bug描述：
ios 连续标点符号，text标签下 不换行，下面上传复现demo，此bug为必现
换种写法看看，是这样吧？
<template>
<view class="box" style="width: 200rpx;background-color: red;">
<text
style="background-color: #292A3A;color: #fff;">****************************************************************************************</text>
</view>
</template>
<script>
//此页面用来配置加载项目前的配置
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>
<style lang="scss">
.box {
word-wrap: break-word;
/* 旧版属性，兼容性更好 */
overflow-wrap: break-word;
/* 新版属性 */
}
</style>
