找回密码
 立即注册
快捷导航

[Html/Css/JS] CSS多行文字超出隐藏并省略号,固定多行隐藏

[复制链接]
admin 2024-4-2 19:10:17 | 显示全部楼层
CSS多行文字超出隐藏并省略号,固定多行隐藏
要求:下图限制3行,超出用省略号省略后面内容。。。
CSS多行文字超出隐藏并省略号,固定多行隐藏9792 作者:admin 帖子ID:1027

加入文件都在p元素中:
```html
p{
    display: -webkit-box;
    -webkit-box-orient: vertical;    // 设置子元素朝向为 垂直方向
    -webkit-line-clamp: 3;     // 设置为多少行
    overflow: hidden;    // 超出隐藏
    width: 450px;    // 兼容IE的
}
```
结果:
CSS多行文字超出隐藏并省略号,固定多行隐藏6266 作者:admin 帖子ID:1027
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

温馨提示

关于 注册码 问题

      由于近期经常大量注册机器人注册发送大量广告,本站开启免费入群领取注册码注册网站账号,注册码在群公告上贴着...

关于 注册码 问题

      由于近期经常大量注册机器人注册发送大量广告,本站开启免费入群领取注册码注册网站账号,注册码在群公告上贴着...

Archiver|手机版|小黑屋|DLSite

GMT+8, 2024-11-21 23:45

Powered by Discuz! X3.5 and PHP8

快速回复 返回顶部 返回列表