实例
修改所有图片的颜色为黑白 (100% 灰度):

- 阅读剩余部分 -

高度坍塌
成因

父元素 div 未设置高度
子元素全部设置浮动（float: left | right;），浮动元素 脱离文档流 且 不占页面空间

- 阅读剩余部分 -

white-space
的作用是合并空格，换行和white-space:pre-wrap一样，遇到源码中的换行和<br/>会换行，碰到容器的边界也会换行。

- 阅读剩余部分 -

视口单位(Viewport units)

什么是视口？

- 阅读剩余部分 -

webpck不能编译这个属性-webkit-box-orient: vertical

https://github.com/fanyifanbumaimeng/Articles/issues/48

/* autoprefixer: ignore next */
-webkit-box-orient: vertical;

autoprefixer版本是6.3.3，用 autoprefixer: off /可以解决问题，用/ autoprefixer: ignore next /不行。新版本，所以使用/ autoprefixer: ignore next */是可以的。