首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
多行文本截断
订阅
LarryTsai
更多收藏集
微信扫码分享
微信
新浪微博
QQ
7篇文章 · 0订阅
CSS 实现文本"不定行数"截断
偶然发现,在某乎热榜页有一个很有意思的布局,这里的标题会制约内容的行数,所以文本超出是 "不定行" 的。详细规则如下: 整个容器高度是固定的,标题和内容总共 3 行 标题最多2行,超出省略 内容由剩余
CSS 实现多行文本“展开收起”
多行文本展开收起是一个很常见的交互, 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时,不显示“展开收
css3 javascript 单行和多行文本溢出截断多种方案
在我们日常开发中的时候经常会遇到一种业务场景,需要截断一些文字的显示。可能是一行或者两行,或者根据字数限制或者用户的显示屏幕大小来展示对应的文字。 响应式截断,当文本溢出的时候才显示省略号。 用伪元素模拟省略号,兼容性较好,但是展示有部分问题,可能需要结合部分 javascri…
纯 CSS 实现多行文字截断
基于上述的准则,下面我就讲介绍各种技巧实现截断效果,并根据上述的评判标准得出最优解。 文本溢出我们经常用到的应该就是 text-overflow: ellipsis 了,相信大家也很熟悉,只需轻松几行代码就可以实现单行文本截断。 属性浏览器原生支持,各大浏览器兼容性好,缺点就是…
纯 CSS 实现多行文字截断
最近在做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果,如下图: 看似十分简单的标题截断效果,但是竟然没有一个统一 CSS 属性实现标准,需要用到一些奇淫妙计来实现,
【英】纯CSS实现多行文本超出长度省略
纯CSS实现多行文本超出长度省略, IE不支持。
<vue-clamp>:轻松实现多行文本截断
# 功能 * 可以选择限制行数与/或最大高度,无需指定行高。 * 支持在布局变化时自动更新。 * 支持展开/收起被截断部分内容。 * 支持自定义截断文本前后内容,并且进行响应式更新。