这是一个创建于 3806 天前的主题，其中的信息可能已经有所发展或是发生改变。
//水平居中是在一条横向的直线的中点是吧？
水平居中的话一般都是margin:0 auto;就可以了。垂直呢？有什么简单的方法么？
 |
1
cqcn1991 2015 年 8 月 15 日 via iPhone
…老大难问题…
|
 |
2
Septembers 2015 年 8 月 15 日 via Android
display: table-cell; vertical-align: middle;
但是要 定宽，定高 |
 |
3
pagecho 2015 年 8 月 15 日
|
 |
4
sadscv 2015 年 8 月 15 日 via Android
用line-height去控制。
|
 |
5
br00k 2015 年 8 月 15 日  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 2015 年 8 月 15 日
|
 |
7
yakczh 2015 年 8 月 15 日
table valign="middle"
|
 |
8
neone 2015 年 8 月 15 日
|
 |
9
lerry 2015 年 8 月 15 日 via iPhone
|
 |
10
lxrmido 2015 年 8 月 15 日
top:50%;
margin-top:-50%; |
 |
11
airyland 2015 年 8 月 15 日
top 50% 然后 margin translate -50% 就不用固定宽高了
|
 |
12
coraline 2015 年 8 月 15 日
|
 |
13
mok502 2015 年 8 月 15 日 via Android
|
 |
14
wyntau 2015 年 8 月 15 日
比较先进的浏览器的话, 就用
position:absolute; top: 50%; left: 50; transform: translate(-50%, -50%); |
 |
15
nine 2015 年 8 月 15 日
|
 |
16
yhxx 2015 年 8 月 15 日
|
 |
17
ghostcat 2015 年 8 月 15 日
|
 |
18
jiongxiaobu 2015 年 8 月 15 日 via Android
0 0根据不同情况有不同的方法
|
 |
19
aivier 2015 年 8 月 15 日
css-tricks上面有一个向导，可以根据不同需求告诉你该怎么做
|
 |
20
tinyhill 2015 年 8 月 15 日
容器 display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center;
|
 |
21
arzusyume 2015 年 8 月 15 日
不怎么动脑子的写法...
position:absolute; top: 0; bottom: 0; margin: auto 加上left: 0, right:0 还能绝对居中... |
 |
22
an168bang521 2015 年 8 月 15 日
.test{width: 400px;height: 400px;background: orange;position: absolute;top: 50%;left: 50%;margin: -200px 0 0 -200px;}
我是这么写的； |
 |
23
Clauz 2015 年 8 月 15 日 2
|
 |
24
jsonline 2015 年 8 月 15 日 via Android
不会搜索？
|
 |
26
zindex 2015 年 8 月 15 日
|
 |
27
yuandong 2015 年 8 月 16 日
用transform
|
Select Language