css
<style>
.text-overflow{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
</style>
css 文本两行显示,超出省略号表示
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- http://www.cnblogs.com/hellman/p/5755376.html https://jin...
- 当文本为一行的时候,我们都知道如何实现超出部分自动换行的。只需要三行代码: 现在的需求是,文本为n行,超出n行之后...
- 这里要说的是文本超出多行才隐藏文字并且显示省略号而不是超出一行就省略。 首先大家要了解一些基本的文本文字属性的设定...
- 实现这个功能需要注意两点: 1.设置文本框的高度 2.高度为行高的整数倍,显示两行,则高度为行高的2倍 需要用到的...