做前端的时候水平居中很容易做到。垂直居中一般怎么做呢？

[cevincheung]

//水平居中是在一条横向的直线的中点是吧？

水平居中的话一般都是margin:0 auto;就可以了。垂直呢？有什么简单的方法么？

[cqcn1991]

…老大难问题…

[Septembers]

display: table-cell; vertical-align: middle;
但是要 定宽，定高

[pagecho]

http://segmentfault.com/a/1190000003043991

[sadscv]

用line-height去控制。

[br00k]

http://www.zhangxinxu.com/wordpress/2013/11/margin-auto-absolute-%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D-%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD/

其实也很容易，比较神奇的是第三个。还有一种是inline元素参照来垂直居中，方式很多，看自己需要使用。

[br00k]

http://www.zhangxinxu.com/wordpress/2009/08/%E5%A4%A7%E5%B0%8F%E4%B8%8D%E5%9B%BA%E5%AE%9A%E7%9A%84%E5%9B%BE%E7%89%87%E3%80%81%E5%A4%9A%E8%A1%8C%E6%96%87%E5%AD%97%E7%9A%84%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD/

[yakczh]

table valign="middle"

[neone]

http://segmentfault.com/a/1190000000381042

[lerry]

用flex布局

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

[lxrmido]

top:50%;
margin-top:-50%;

[airyland]

top 50% 然后 margin translate -50% 就不用固定宽高了

[coraline]

https://github.com/LoeiFy/Recordum/issues/1

[mok502]

http://howtocenterincss.com

[Jeremial]

比较先进的浏览器的话, 就用

position:absolute;
top: 50%;
left: 50;
transform: translate(-50%, -50%);

[nine]

http://www.zhihu.com/question/31753528

[yhxx]

http://qrdemo.github.io/qrdemo/the-beauty-of-center-in-CSS.html#/

[ghostcat]

目前比较全的
http://div.io/topic/1155
其他收藏的
http://segmentfault.com/a/1190000002478425
http://www.cnblogs.com/yjzhu/archive/2012/11/19/2773209.html

[jiongxiaobu]

0 0根据不同情况有不同的方法

[aivier]

css-tricks上面有一个向导，可以根据不同需求告诉你该怎么做

[tinyhill]

容器 display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center;