亲,欢迎光临欧方源码网,本站为您提供优质的资源与服务! 按 ctrl + D 加入收藏,下次访问更方便。
当前位置:首页 > 站长学院 > 前端 > css设置省略号显示一行内容二行内容三行内容

css设置省略号显示一行内容二行内容三行内容

前端
欧方源码 2023-01-09 1372次
.text-line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.text-line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-line-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
声明: 本站资源来自网络或会员自行发布,请勿用于非法及商业用途,如果侵犯了您的权益请与我们联系!
推荐模板
QQ在线咨询