1、意思不同。margin:auto=margin:auto auto auto auto,表示上下左右都为auto;margin:0 auto=margin:0 auto 0 auto,表示上下为0,左右为auto;

2、居中方式不同。margin:auto表示横竖都居中,margin: 0 auto表示横居中,竖不居中;

margin后面一般会跟4个参数,如margin:1px、1px、1px、1px,分别表示上外边距为1px、右外边距为1px、下外边距为1px、左外边距为1px。

如果后面只写2个参数的话,如margin:1px、2px,则表示上下外边距为都为1px,左右外边距都为2px。

margin:auto 和margin:0 auto的区别相关推荐

  1. CSS中:margin和padding的区别 margin:auto与margin: 0 auto区别

    css中padding和margin的区别 margin 外边距 border 边框 padding 内边距 padding-left:10px; 左内边距.padding-right:10px; 右 ...

  2. text-align:center 和margin:0 auto的区别

    基本概念: 1.text-align: 属性规定元素中的文本的水平对齐方式;   该属性通过指定行框与哪个点对齐,从而设置块级元素内文本水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性.支持值 ...

  3. margin:auto 与 margin:0 auto 区别

    margin的重要性: 有个不容置疑的事,前端开发人员没有人能够忽视CSS margin的重要性.CSS coding时,margin的使用频率就如同呼吸般频繁,如果我可以说得夸张点的话. margi ...

  4. margin 0 auto 什么意思

    今天在写h5的时候遇到了居中的问题(网页自适应),让后就上网上查了相关的资料,顺便整理一下margin中两个参数的意思: margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表 ...

  5. [css] 怎么IE6下在使用margin:0 auto;无法使其居中?

    [css] 怎么IE6下在使用margin:0 auto;无法使其居中? 浏览器解析的问题,IE6下需要对居中的元素设置text-align:center属性使其margin:0 auto;生效. 个 ...

  6. 块状元素的居中,首先设置宽度,再设 margin: 0 auto

    块状元素的居中,首先设置宽度 width="10px",再设 margin: 0 auto; . 转载于:https://www.cnblogs.com/npk19195globa ...

  7. css中margin:0 auto没作用

    很多初学制作网页的朋友,可能会遇到的一个常见问题,就是在CSS中加了margin:0 auto;却没有效果,不能居中的问题!margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应!其 ...

  8. margin: 0 auto;的作用

    在html中,为什么我们设置一个margin: 0 auto;就可以使得块元素居中? <!DOCTYPE html> <html lang="en"> &l ...

  9. 固定定位的盒子使用margin:0 auto;是无法水平居中的,此时该怎么操作呢?

    固定定位的盒子使用margin:0 auto:是无法水平居中的,此时该怎么操作呢? 第一步 第二步 建议 完整小栗子 第一步 定位距离左侧(相对于浏览器)50%,此时盒子左侧是在浏览器中间的 posi ...

最新文章

  1. 巧妙共享Win7/Vista/XP文件夹权限
  2. 在Python中对子进程进行非阻塞读取
  3. 动态规划总结与题目分类
  4. EMNLP 2020 | 基于Wasserstein距离的正则化序列表示
  5. 聊聊Service(一)
  6. newcode wyh的吃鸡(优势队列+BFS)题解
  7. PHP中判断空的方法,php中类型判断和NULL,空值检查的方法
  8. 激光slam_机器人主流定位技术,激光SLAM与视觉SLAM谁更胜一筹
  9. 15 个实用的 PHP 正则表达式
  10. css displayhidden
  11. java学习 - 函数
  12. vue 路由守卫 解析
  13. 委托、事件 茴字有几种写法
  14. python中的snip用法_--snip--总是报错,找了好久不知道问题出在哪,望大佬求解(python-pygame)...
  15. android wear 2.0 表盘开发,android wear手表开发如何获取所有的表盘(动态)以及切换表盘...
  16. 蓝桥杯——算法训练——P0704
  17. 一个利用html5的图片裁剪功能(已解决ios压扁缩放等bug)
  18. h5 虚拟服务器,h5制作选择虚拟主机还是服务器
  19. Inpaint9.1最新网页版下载及inpaint怎么去水印教程
  20. django-filer中文汉化无效的解决方案

热门文章

  1. 软件工程案例教程答案(第三版)韩万江 姜立新 编著 (软件项目开发实践)知识点总结
  2. 在线生成ascii字符画网站
  3. WAMP图标是黄色的查找问题的根本解决办法
  4. 微型计算机al,al-gpgna计算机一级考试选择题题库之微型计算机基础题及答案
  5. Apache Avro是什么?
  6. Python中无法导入上一级目录下的包
  7. Firbase开启调试模式及常见问题记录
  8. 艾永亮:一瓶酱油市值超过中石化!海天味业到底有多牛?
  9. android odex 作用,虚拟机 - Android中的ODEX文件是什么?
  10. 倒计时 jquery countdown