CSS设置文本显示行数,超出规定用省略号表示

 时间:2026-02-16 08:58:09

1、css给文本所在元素添加

overflow: hidden;


display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

CSS设置文本显示行数,超出规定用省略号表示

2、来看效果

CSS设置文本显示行数,超出规定用省略号表示

3、-webkit-line-clamp: 3;

这个是设置文本显示行数,改成几就会显示几行。

  • 使用Jquery实现点击文字后变成文本框且可修改
  • div可编辑如何限制字数
  • 如何使用HTML加CSS写一个导航栏呢?
  • css如何去除div内所有文字的加粗样式
  • 静态网页如何设置从表单发送电子邮件?
  • 热门搜索
    生殖器疱疹怎么治 怎么保护肝脏 cad怎么创建块 浦发信用卡怎么样 abcd级车怎么区分 狗肉怎么做才能壮阳 论文的摘要怎么写 末影龙怎么召唤 科目汇总表怎么填 广东石油化工学院怎么样