css
文章平均质量分 71
未来的树
前端程序猿一枚
展开
-
纯css实现多行文本展开收起
纯CSS实现多很文本展开收起 常见方案 基础的css实现多行文本省略显示在工作中非常常见 p{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } 但是很多时候会要求实现展开收起模块 就像这样: 如图那种只要控制overflow状态就可实现 标准的固定高度的展开收起很好做,但是很多时候是按照文本行数来判断,同时要适应不同宽度的弹性布局, 这时候常见的方原创 2021-07-13 14:38:10 · 602 阅读 · 0 评论 -
CSS多余文本省略号显示
CSS多余文本省略号显示 本次案例代码是在 elementui 当中的 table 组件中实际需求 当然使用的是纯 CSS3 代码,所以原生支持度高,兼容性高,所以可多场景应用 对于过长文本进行单行省略显示,当鼠标移动到对应文本行时,展示全部,当鼠标离开后又恢复单行,多余内容收缩出现省略号 /deep/.el-table__row { .cell { //对超出内容隐藏 ...原创 2019-11-02 22:51:47 · 340 阅读 · 0 评论 -
Less 语法快速入门
Less 语法快速入门 Less 是一门 CSS 预处理语言其可以运行在 Node 或浏览器端。 它将传统的 css 样式结构单一的排版顺序进行了优化,让我们可以通过层级嵌套的方式将 css 类名与HTML结构一一对应起来。 这样的好处不仅仅使得 css 样式排版更清楚,也可以让我们在后期的修改中快速查询,同时减少了代码量,一定程度上降低了代码的重复性,最关键的是使得 css 样式相互不干扰 它的...原创 2019-09-25 17:02:10 · 174 阅读 · 0 评论