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内所有文字的加粗样式
  • 静态网页如何设置从表单发送电子邮件?
  • 热门搜索
    慕思床垫怎么样 carrot怎么读 为什么头发会分叉 鹅肉的家常做法 怎么才知道着床成功了 腿上有红色的血纹是怎么回事 芩怎么读 祝你好运用英语怎么说 花城为什么怕谢怜碰她 烤箱烤面包的做法