居中也分两类,水平居中和垂直居中
首先是水平居中
最简单的居中就是整个页面里就一个div,居中代码:margin : num px auto;(num是距离页面上沿的距离)
第二个情况是div1里套了个div2,要让div2在div1里居中,代码:.div2{ margin: num px auto; },不过这里要注意,div1中要加上overflow: hidden,否则num不起作用
第三个情况是div1里有两个div,分别是div2和div3,代码和上一个情况一样
第四个情况是div1里也有两个div,分别是div2和div3,但是这两个div要在一行中显示,并且整体要居中,这种情况我的做法是再创建一个div4,把div2和div3放进去,div4的width就是div2和div3的整体的width的一致,然后执行.div4{ margin: num px auto; }即可
关于垂直居中,其实我并没有什么太好的办法,我目前的做法是根据高度算出居中的位置,然后用
margi-top调整