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. Java Code Convention Rules
  2. 怎样的财报让百度市值一夜暴涨400亿?净利逆势大涨219%;李彦宏:将在中国经济的复苏中受益...
  3. MySQL如何存储Emoji表情,UTF-8和UTF-8MB4字符编码有何区别
  4. Ogre 1.7 构建编译
  5. HALCON示例程序fin.hdev通过形态学检测缺陷
  6. kafka Failed to send messages after 3 tries 问题解决
  7. 如何使用Docker Volumes在基于Docker的应用程序上启用实时重新加载
  8. 小游戏-扑克牌-Java
  9. (一)java版spring cloud+spring boot+redis多租户社交电子商务平台-简介
  10. SAP License:一句话让你明白FICO
  11. idea自动导包_IDEA已经世界第一了,听说你还不会?
  12. 大数据平台对企业运营的意义
  13. C#问题——interface class
  14. Thinking in C++ ----第二章 对象的创建和使用
  15. Handler源码阅读
  16. Linux图形终端与字符终端
  17. win10 u盘 修复计算机,怎么用u盘修复windows10专业版系统
  18. 2021-07-06
  19. [BZOJ3161]孤舟蓑笠翁
  20. ecu根据什么信号对点火提前角_刷ECU能让发动机秒变高功?工程师:你还太年轻...

热门文章

  1. android 桌面悬浮窗 录屏时间控制显示效果
  2. 从前台到外企经理的飞跃
  3. python爬虫学习19
  4. 初学汇编,另附汇编写1~100求和
  5. cube 设置滴答定时器_stm32cubemx生成的代码总是进入滴答定时器中断
  6. IT职业教育(14)职业教育中的备课
  7. android 不编译odex,android 编译源码不生成odex
  8. Mac地址;Mac地址的分类
  9. 音频PCM转WAV格式
  10. 转载:娱乐性故事片的剧本是怎样的