单行样式

.break {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

多行样式

               overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;

row....png

前端页面单行/多行文本超出(...)
单行样式多行样式
css文本超出隐藏
单行文本超出隐藏多行文本超出隐藏
单行省略与多行省略
文本超出处理 1.单行 2.多行
flex布局的常用方法
单行的时候文本不足会居中，多行会自动折行居左页面高度不足时，在底部显示；页面高度超出时，随页面滚动 flex的子...
一些不常用但实用的css
table自动合并边框 div文本超出隐藏＋... 单行隐藏多行隐藏计算属性
css3实现文本单行/多行超出省略号
我们知道编写正常状态超出文本用overflow: hidden;那么单行和多行如何呢?下面说说 1.单行超出省略 ...
多行文本展开收起（CSS实现）适用于vue3
纯css来实现多行文本展开收起的效果。 1.实现文本超出部分省略单行文本：多行文本：可以使用-webkit-l...
css 文字超出隐藏并显示省略号
单行文本超出隐藏多行文本超出隐藏结合scss 我们可以搞一个方便的超出隐藏css属性，当然没用scss的项目可...
less中一些公用的方法
minx.less 设置圆角默认为5px 多行文本超出显示省略号单行文本显示超出省略号清除浮动
css设置文字超出显示省略号
单行超出省略多行超出省略