控制文本显示行数用到了line-clamp这个属性，你可以戳这里查看line-clamp这个属性的兼容性。可以看到，这个属性在移动端上使用基本上是没有问题的，但是在pc端，就要考虑跨浏览器的问题了。[……]
粘连效果实现
举个例子，如果有两个水滴，当它们靠近的时候，会相互粘连在一起，最后形成一个水滴。那么，如果要实现一个这样的粘连效果，该如何做呢？
比如如下图片中的效果
此时，可以使用SVG中的filter来实[……]
sticky尝鲜
众所周知，css中的position代表的是定位的方式，它有relative、absolute、static、fixed几个常见的属性。本文要说说它另外的一个属性sticky，所谓的粘性布局。
什么[……]
移动端点击背景变蓝？
在元素上添加cursor: pointer属性后，那么，在移动端上，手指点击该元素区域背景会变蓝。
如果想取消这个效果，可以去除cursor样式，也可以添加如下样式：
-webkit-tap-hi[......]神奇的table-layout属性
html表格table中有一个很神奇的属性table-layout，当你不指定的时候，它采用的是默认的table-layout:auto方式显示。
为什么说这个属性奇怪呢？举几个栗子。
首先我设置[……]
表格行的文字自动换行
table设置table-layout：fixed，让表格固定宽度，让其自动适应外部宽度。
td设置word-wrap:break-word，文本过长自动换行。
移动端滑动不流畅解决办法
一句代码即可，针对IOS
-webkit-overflow-scrolling: touch;
创造单元格等宽的表格
css选择器nth-child
其余的就不说了，说说两个我目前才了解的两个选择方式。
nth-child(-n+3) : 选择列表前三个项目。
nth-child(n+5) : 选择列表第五个（包括第五个）之后的所有项目。
示[……]
rem之移动端布局
rem在MDN上解释为
rem values are relative to the root html element, not the parent element.
它是基于根元素（[……]