当前位置：
  1. 首页
  2. css
  3. 正文
本文介绍: 使用text–overflow:ellipsis;当文本对象溢出是显示为省略号。可以使用overflow:hidden;来把超出的部分隐藏，2.超出两行甚至多行，隐藏文本并显示省略号。1.超出一行，隐藏文本并显示省略号。

可以使用overflow:hidden;来把超出的部分隐藏，
使用text–overflow:ellipsis;当文本对象溢出是显示为省略号

以下是可直接使用的代码：
1.超出一行，隐藏文本并显示省略号

//超出一行省略号
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

2.超出两行甚至多行，隐藏文本并显示省略号

//超出两行省略号
 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;

显示所有内容
上一篇 完美解决：wget命令下载时遇到“错误 308：Permanent Redirect。”
下一篇 css文本超出处理

相关文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

插入图片
浏览器会保存昵称、邮箱和网站cookies信息，下次评论时使用。