- 发布：2021-02-27 19:21
- 更新：2021-12-28 14:28
- 阅读：724
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.2.1 (20D74)
HBuilderX类型： Alpha
HBuilderX版本号： 3.1.3
手机系统： 全部
手机厂商： 华为
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>
<style>
.text-area {
/* display: flex; */
justify-content: center;
width:50rpx;
}
.title {
font-size: 36rpx;
color: #8f8f94;
word-wrap: break-word;
}
</style>
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>
<style>
.text-area {
/* display: flex; */
justify-content: center;
width:50rpx;
}
.title {
font-size: 36rpx;
color: #8f8f94;
word-wrap: break-word;
}
</style>操作步骤：
1.新建.nvue文件
2.text组件 加css
word-wrap: break-word;
在手机运行时报错
1.新建.nvue文件
2.text组件 加css
word-wrap: break-word;
在手机运行时报错
预期结果：
正常运行。
正常运行。
实际结果：
报错。
报错。
bug描述：
text组件 加css
word-wrap: break-word;
在手机运行时报错。
IOS和安卓且真机测试时无效果。
小程序。h5端可以用 word-break:break-word代替。
