微信小程序 css overflow :hidden 子元素不生效

原css

.item .right {

width: 70%;

}

.item .right .name {

font-size: 32rpx;

font-family: PingFang SC;

font-weight: 500;

color: #333333;

display:inline-block;

width:90%;

height: 40rpx;

overflow:hidden;

white-space:nowrap;

/*添加...*/

text-overflow:ellipsis;

}

若 name 长度过长，与其同级的详情会被顶出

修改为

.item .right {

width: 70%;

　overflow:hidden;

}

原wxml

<view>

<text class="host">{{item.organizer}}</text>

</view>

<view>

<text>{{item.signup_date}}</text>

</view>

<view>

</view>

</navigator>

<view>

<text>未开始报名</text>

</view>

</navigator>

</view>

巴特西