html没有自动生成margin,关于HTML里用margin居中的问题

居中也分两类,水平居中和垂直居中

首先是水平居中

最简单的居中就是整个页面里就一个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调整

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值