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怎么填充 小学生谚语大全 牙疼怎么办立刻止疼 潘天寿简介 李煜简介 万茜电视剧大全 瑜伽体式大全 性大全 肯德基怎么做