HTML5开发-div的水平居中和上下居中

水平居中

1.  当div块的position为absolute时,只能通过先设置left为50%,然后设置div的margin-left为div宽度一半的负数,这样就能居中了。

2. 当div块的position为static时,只能通过设置margin-left和margin-right为auto来居中。

3. 当div块的postion为relative时,可以通过前两种方法都可以实现。

垂直居中

目前所知,只能通过设置top为50%,然后设置div的margin-top为div高度的一半的负数的方式。

你可能感兴趣的:(HTML5开发-div的水平居中和上下居中)