.sku-item {
display:flex;
}
.sku-item p {
flex:1;
overflow: hidden;
white-space: nowrap;
/*不换行*/
text-overflow: ellipsis;
/*超出文字用点表示*/
}
页面排版:
<div class='sku-item'>
<img src="../images/pjone-rice.png">
<p> 联系方式:1839495999\{{detail.Tel}}</p>
<a v-bind:href="'tel:'+detail.Tel"><img src="../images/phone.png" /></a>
</div>