在之前制作动画效果时，一般使用transform: translateZ(0)来强制使用GPU进行加速。但是，可能这个动画并没有使用z轴的变化效果，所以，这样通常也被看做是一种hack的写法。
cs[……]
iPhoneX前端适配
这几年手机更新的速度越来越快，手机屏幕也是各式各样，就拿iphoneX来说，这种怪异的刘海屏，如果把普通的浏览器网页照搬到iPhoneX上，有些地方显示会出现一些问题。
好在IOS为其自己怪异的屏幕[……]
关于给table的tr设置高度的问题
css多行隐藏
css3有一个-webkit-line-clamp属性能够实现多行隐藏，但是浏览器兼容性并不好，有没有一种兼容性特别好的css实现方式呢？
在网上，我看到别人提供了一种很好的解决思路，利用float[......]
css设置多行文本溢出显示省略号
粘连效果实现
举个例子，如果有两个水滴，当它们靠近的时候，会相互粘连在一起，最后形成一个水滴。那么，如果要实现一个这样的粘连效果，该如何做呢？
比如如下图片中的效果
此时，可以使用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，文本过长自动换行。