详细问题描述
自定义组件模式 宽度设置百分比的话 CSS文字溢出显示省略号 在一行的情况下 失效
非自定义组件模式没这个问题
两行溢出省略号没有这个问题
[内容]
重现步骤
自定义组件模式
html部分
<view class="a">
<view class="b"></view>
<view class="c">
<view class="d">较好的高红烧冬瓜佛下US活动一发货搜ID符号is互动覅安徽省地礼服俩是多啦老师讲课环境和高科技哈施工队</view>
</view>
</view>
css部分
.a{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 200upx;
background: red;
.b {
width: 200upx;
height: 100%;
background: green;
}
.c {
flex: 1;
background: yellow;
height: 100%;
.d {
background: blue;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
效果看附件
IDE运行环境说明
HbuilderX
uni-app运行环境说明
微信小程序 微信开发者工具
附件
联系方式
[QQ]
