//html部分
<div class="info-parent">
<div class="info-son">{{son}}</div>
<div class="info-brother">
<span class="info-text" :title="info">{{ brother }}</span>
</div>
</div>
//style部分
.info-parent {
display:flex;
justify-content:space-between;
.info-brother {
max-width: 30%;
.info-text {
width: 100%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
&:hover {
background-color: #fff;
}
}
}
}