linear-gradient有什么用？颜色渐变。从这个例子可以看出该属性最直接的效果是让容器渐变颜色。那么它接受的参数有什么呢？又有什么技巧呢？切角。切角的思路其实很简单，将其中一个颜色变为透明即可

在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很

在前端的页面编写中，使用空格占位符是非常常见的，特别是在表单label或者产品属性时，合理的空格占位符使用，能够让页面布局变得美观匀称。 面对【厂 家】【禁 忌】这类效果时，第一感觉没啥特别的，十秒钟肯定搞定。 在HTML中，提到空格占位符很容易想到“&nbsp ;”…

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是 "不定行" 的。详细规则如下： 整个容器高度是固定的，标题和内容总共 3 行 标题最多2行，超出省略 内容由剩余

这是个老掉牙的需求啦，不过仍然有很多人在网上找解决方案，特别是搜索结果排名靠前的那些，都是些只会介绍兼容性不好的使用-webkit-line-clamp的方案。 如果你看到这篇文章，可能代表你正是从那么多千篇一律的文章中跳转过来的，想找更好地方案的。那恭喜你，没有更好的，只有更…

本文介绍了了 CSS Writing Mode 的使用方式，已经在不同语言环境下的表现方式

在我们的日常开发工作中，文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？这些问题之下，都有哪些实现方案？他们之间的差异性和场景适应性又是如何？凡事就怕较真，较真必…

文本溢出截断是一个比较常见的场景，如新闻列表页、微博列表、商品列表等，溢出截断主要是为了保证界面的整齐。