王博的博客

效果图：1. 单行.text-overflow-ellipsis { overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}2. 多行.text-overflow-ellipsis-line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;//设置行数

效果图：注意点：当右侧设置文本超出隐藏后，会影响整体页面布局，只需为右侧添加min-width数据即可。代码：以下是代码<template> <div class="main-view"> <div class="left-view">这是左侧</div> <div class="right-view"> <div class="text-overflow-ellipsis">{{ .