# Grid网格系统实现 主要css属性说明： ~~~ box-orient: vertical|horizontal ~~~ * [webpack无法打包的原因和解决方案](https://segmentfault.com/q/1010000009360389) * [属性值查看](http://www.w3school.com.cn/cssref/pr_box-orient.asp) ~~~ /* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/ ~~~ 控制元素垂直居中： ~~~ box-align: start|end|center|baseline|stretch; ~~~ * [属性说明](http://www.w3school.com.cn/cssref/pr_box-align.asp) 控制元素的水平居中： ~~~ box-pack: start|end|center|justify; ~~~ 以上和flex布局类似，因为上面就是旧的flex布局的实现