vue中字串文字長度超出顯示省略號...及懸浮顯示全部文字
阿新 • • 發佈:2021-02-11
效果圖
<el-form-item :label="$t('operationStockInAccept.reasonForReturn') + ':'">
<span class="spanStyle" :title="warehousingEntry.enterReason">{{warehousingEntry.enterReason}}</span>
</el-form-item>
ps:需要設定span 的title屬性,這個屬性用於滑鼠停留在上面就會顯示全部文字
樣式
.spanStyle {
display: inline-block;
white-space: normal;
width: 100px;
overflow: hidden; /*超出的文字隱藏*/
text-overflow: ellipsis; /* 溢位用省略號*/
}