您的位置:首页 > Web前端 > HTML

关于HTML里用margin居中的问题

2017-02-19 00:00 211 查看
居中也分两类,水平居中和垂直居中

首先是水平居中

最简单的居中就是整个页面里就一个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调整
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  居中 margin