wxml
<view class="">
<view class="detail-wrap main-padding">
<view class="detail-label-wrap">
<text>名称</text>
</view>
<view class="detail-content-wrap">
<text>内容内容内容内容容内容内容内容fsfsfdsfwedssdfs容dfuiodsfusdiofasjfkjdshgjkdsbgjkdsfbdsjkfdsjfhdsjkfh</text>
</view>
</view>
</view>
样式
.detail-wrap{
display: flex;
border-bottom: 1rpx solid #ccc;
overflow-wrap: break-word;
justify-content: space-between;
word-break:break-all;
}
.detail-label-wrap {
width: 100rpx;
color: #aaa;
}
.detail-content-wrap {
flex-grow: 1;
}
溢出:
调整:
<