为了账号安全,请及时绑定邮箱和手机立即绑定

关于margin:0 auto

关于margin:0 auto

lapitaya 2017-05-13 09:25:42
<style type="text/css"> body{margin:0;padding:0;} .main{width:800px; height:300px; background:#ccc; margin:0 auto;} </style> <div class="main"></div>此代码效果是让div上下边距为0,左右宽度自适应(居中),但是如果把margin:0 auto;中的0改成其他数,div就不会水平居中了,为什么?
查看完整描述

3 回答

已采纳
?
自由的气息

TA贡献96条经验 获得超116个赞

//img1.sycdn.imooc.com//591665840001823013660638.jpg

//img1.sycdn.imooc.com//5916659e00013d9a13660728.jpg

你一定是忘记写px了.

查看完整回答
2 反对 回复 2017-05-13
  • lapitaya
    lapitaya
    唉==哈哈。。但是如果不加px,会是什么效果呢?对齐方面的参数都无效?
  • 自由的气息
    自由的气息
    嗯,以后多注意,加油.
?
Jack_ip

TA贡献7条经验 获得超5个赞

margin:x   y;x参数可以随便修改主要是Y参数,你要设置居中Y参数就得是autou

查看完整回答
反对 回复 2017-05-13
  • Jack_ip
    Jack_ip
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .div1{ background-color:#FF0000 ; height: 400px; width: 1000px; margin: 20px auto; } </style> </head> <body> <div class="div1"> </div> </body> </html> 你可以试试,这样设置也是可以居中的
?
田心枫

TA贡献1064条经验 获得超383个赞

因为margin:0 auto; 就是水平居中的意思

查看完整回答
反对 回复 2017-05-13
  • 3 回答
  • 0 关注
  • 1909 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信