flex布局即为弹性布局，可以使元素具有伸缩性，根据父容器的大小，来决定收缩还是扩展。设为flex布局以后，子元素的float、clear和vertical-align属性将失效。 不过由于父盒子的宽度限制，不能全部排满。接下来我们就来试试flex布局↓ 是不是发现和float…

通过css用3种方式，分别是 border，linear-gradient 和利用 background-clip 来实现虚线效果，并对实现进行详细讲解。

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

# 功能 * 可以选择限制行数与/或最大高度，无需指定行高。 * 支持在布局变化时自动更新。 * 支持展开/收起被截断部分内容。 * 支持自定义截断文本前后内容，并且进行响应式更新。

方法传入两个参数，1：需要做省略的dom的行高，2：行数。3：dom元素。 通过递归的方式来获取到需要的行数的所有文案，将最后替换为...，生成新的html文本，来替换原来的html文本 参数1,2可以合并，直接算出需要的行数的高度,还能省一步计算高度（var t = h*n）。

随着前端的不断发展，更多新的 CSS 属性不断加入提案，本文列举 7 个不常用但很有用且你见过也可能没见过的 CSS 属性，带大家领略 CSS 之美。