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内所有文字的加粗样式
  • 静态网页如何设置从表单发送电子邮件?
  • 热门搜索
    小米充电宝怎么充电 燕麦片减肥吗 网页截图怎么截 口袋妖怪白金攻略 喝牛奶减肥吗 西双版纳旅游攻略 胡杏儿减肥 电脑开机慢怎么解决 宏村攻略 窦娥冤简介