12.2 改变 CSS 世界纵横规则的 writing-mode。很长时间，Firefox、Chrome 这些现代浏览器都不支持 writing-mode，writing-mode 基本上就是 IE 浏览器的私有产物。
12.2.1 writing-mode 原本的作用， 是用来实现文字竖向呈现的。
writing-mode 的语法
writing-mode: horizontal-tb，默认值，文本流是水平方向；
writing-mode: vertical-rl; 文本是垂直方向，阅读的顺序是从右往左；
writing-mode: vertical-lr; 示文本是垂直方向展示，后阅读的顺序还是默认的从左往右；
相同的 writing-mode 属性值并不会累加。如果父子元素均设置了 writingmode:tb-rl，只会渲染一次，子元素并不会两次“旋转”。
12.2.2 writing-mode 不经意改变了哪些规则
1．水平方向也能 margin 合并，如果元素是默认的水平流，则垂直 margin会合并；如果元素是垂直流，则水平 margin 会合并。
2．普通块元素可以使用 margin:auto 实现垂直居中；
3．可以使用 text-align:center 实现图片垂直居中；
4．可以使用 text-indent 实现文字下沉效果；
5．可以实现全兼容的 icon fonts 图标的旋转效果；
6．充分利用高度的高度自适应布局，当文档变成垂直流的时候，height 高度天然自适应；
12.2.3 writing-mode 和 direction 的关系。writing-mode、direction 和 unicode-bidi 是 CSS 世界中三大可以改变文本布局流向的属性，其中 direction 和 unicode-bidi 属于近亲，经常一起使用，也是仅有的两个不受 CSS3 的 all 属性影响的 CSS 属性，基本上就是和内联元素一起使用。