//水平居中是在一条横向的直线的中点是吧？ 水平居中的话一般都是margin:0 auto;就可以了。垂直呢？有什么简单的方法么？
This topic created in 3928 days ago, the information mentioned may be changed or developed.
 | 1 cqcn1991 Aug 15, 2015 via iPhone …老大难问题… |
 | 2 Septembers Aug 15, 2015 via Android display: table-cell; vertical-align: middle; 但是要 定宽，定高 |
 | 3 pagecho Aug 15, 2015 |
 | 4 sadscv Aug 15, 2015 via Android 用line-height去控制。 |
 | 5 br00k Aug 15, 2015  1 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元素参照来垂直居中，方式很多，看自己需要使用。 |
| 6 br00k Aug 15, 2015 |
 | 7 yakczh Aug 15, 2015 table valign="middle" |
 | 8 neone Aug 15, 2015 |
 | 9 lerry Aug 15, 2015 via iPhone |
 | 10 lxrmido Aug 15, 2015 top:50%; margin-top:-50%; |
 | 11 airyland Aug 15, 2015 top 50% 然后 margin translate -50% 就不用固定宽高了 |
 | 12 coraline Aug 15, 2015 |
 | 13 mok502 Aug 15, 2015 via Android |
 | 14 ik0r Aug 15, 2015 比较先进的浏览器的话, 就用 position:absolute; top: 50%; left: 50; transform: translate(-50%, -50%); |
 | 15 nine Aug 15, 2015 |
 | 17 ghostcat Aug 15, 2015 |
 | 18 jiongxiaobu Aug 15, 2015 via Android 0 0根据不同情况有不同的方法 |
 | 19 aivier Aug 15, 2015 css-tricks上面有一个向导，可以根据不同需求告诉你该怎么做 |
 | 20 tinyhill Aug 15, 2015 容器 display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; |
 | 21 arzusyume Aug 15, 2015 不怎么动脑子的写法... position:absolute; top: 0; bottom: 0; margin: auto 加上left: 0, right:0 还能绝对居中... |
 | 22 an168bang521 Aug 15, 2015 .test{width: 400px;height: 400px;background: orange;position: absolute;top: 50%;left: 50%;margin: -200px 0 0 -200px;} 我是这么写的； |
 | 23 Clauz Aug 15, 2015 2 |
 | 24 jsonline Aug 15, 2015 via Android 不会搜索？ |
 | 27 yuandong Aug 16, 2015 用transform |
Select Language