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内所有文字的加粗样式
  • 静态网页如何设置从表单发送电子邮件?
  • 热门搜索
    一二·九运动 热继电器的作用 运动游戏 蒺藜的功效与作用 什么是人文精神 红芸豆的功效与作用 三七粉什么时间吃最好 什么是多线程 交换机的作用 什么叫自锁