困扰了很久的一个问题，css多行文本溢出显示省略号，部分文字隐藏不掉，今天找到了解决方法，做下记录。
css多行文本溢出显示省略号
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
手机上出现部分文字没隐藏的问题
效果如下图：
增加下面的代码解决这个问题，给定高度和行高。
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 20px;
height: 40px;/* 2行隐藏就两倍，三行隐藏就三倍*/
效果如下：
希望给和我一样有遇到这个问题的人带来帮助。
困扰了很久的一个问题，css多行文本溢出显示省略号，部分文字隐藏不掉，今天找到了解决方法，做下记录。 方法 css...
CSS实现单行和多行文本溢出显示省略号…… 1.CSS实现单行和多行文本溢出显示省略号…… 2.多行文本溢出显示省...
CSS实现单行、多行文本溢出显示省略号（…）
1.单行文字超过 2.多行文字超过显示 引用至CSS实现单行、多行文本溢出显示省略号
1、文字超出部分显示省略号 单行文本的溢出显示省略号（一定要有宽度） 多行文本溢出显示省略号 2、中英文自动换行 ...
实现单行文本溢出的CSS 实现多行文本溢出的CSS 但是！实现多行文本溢出显示省略号的时候webpack不编译-w...
单行文本溢出显示省略号 多行文本溢出 文字选中滑动背景色 禁止文本缩放 禁止文本选中 css实现不换行、自...
1、文字超出部分显示省略号 单行文本的溢出显示省略号（一定要有宽度） 多行文本溢出显示省略号 中英文自动换行 wo...
1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度） 多行文本溢出显示省略号 2、中英文自动换行wo...
一、溢出的文字省略号显示 1.1、单行文本溢出显示省略号---必须满足三个条件 1.2、多行文本溢出显示省略号 多...
本文标题：css多行文本溢出显示省略号，部分文字隐藏不掉
本文链接：https://www.haomeiwen.com/subject/rjqygktx.html
网友评论