margin:0 auto 表示什么意思？？

最新推荐文章于 2025-10-10 15:24:28 发布
转载 最新推荐文章于 2025-10-10 15:24:28 发布 · 2w 阅读 · 25

本文解释了CSS中使用margin:0 auto实现元素水平居中的方法。此属性使元素在其父容器内左右边界相等，达到居中效果。

margin:0 auto 表示什么意思？？

2008-10-14 20:21 zhangyong073  |  浏览 60855 次 
在CSS中，margin:0 auto 表示什么意思？？有的书上说它表示居中，请问：是什么居中？举个例子好吗？
2008-10-14 20:37 提问者采纳 
margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right
因为0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中）
css中margin:0 auto居中问题深入探讨
12-11
很多初学制作网页的朋友，可能会遇到的一个常见问题，就是在CSS中加了margin:0 auto;却没有效果，不能居中的问题！margin:0 auto;的意思就是：上下边界为0，左右根据宽度自适应！其实就是~~水平居中的意思，呵呵！小一在这里说两个典型的错误引起的不能居中的问题： 1、没有设置宽度 复制代码代码如下: <div xss=removed></div> 看看上面的代码，根本没有设置DIV的宽度，如何根据宽度自适应呢？新手比较容易忽略的问题！ 2、没声明DOCTYPE ①DOCTYPE是document type（文档类型）的简写，在web设计中用来说明
margin:0 auto与text-align:center的基本概念及区别介绍
09-25
3. 使用`margin:0 auto`可以使元素在容器中水平居中，但必须确保元素具有固定的宽度，并且`margin:0 auto`应用于元素自身，而非父元素。 4. 试图为内联元素如`<img>`设置`margin`属性通常无效，除非将其转换为块级...
margin:0 auto是什么意思
热门推荐
weixin_45984512的博客
11-12 2万+
margin是外边距的意， 当一个元素样式属性里有dumargin:0 auto时，并且父元素的宽度是确定的， 意思是这个元素处于其父元素的居中位置，并且这个元素的上下外边距为0 即:上下外边距为0，左右自动，实际效果为左右居中 补充: margin为外边距，及边框外到外部容器的距离，有四种参数设置方式： margin:5px;/四边外边距都为5px/ margin:5px 10px;/上下外边距5px，左右外边距10px/ margin:5px 10px 15px;/上外边距5px，左右外边距10px，下
关于margin:auto的注意点
2301_81854535的博客
10-10 766
要理解 的生效条件，核心是抓住它的本质规则： 仅在「弹性布局（flex）」或「网格布局（grid）」中，才能实现“自动分配剩余空间”的效果；在默认的流式布局（static）中完全不生效。你的代码中注释 后 失效，正是因为脱离了弹性布局环境。 的行为在不同布局模式下完全不同，只有在以下两种布局中，它才具备“自动推挤元素、分配剩余空间”的能力：当父元素设置 或 后，子元素的 会触发“剩余空间分配”逻辑：代码中， 父元素原本的逻辑是： 当注释 后，父元素回到默认的「流式布局」， 自然失效。父元素设置
浅谈margin:0 auto
前端小空间
02-07 724
众所周知，margin：0 auto；是使上下边距为0，左右边距自适应，从而使页面居中，但是今天不知道为什么，在做一个练手项目的时候愣是不能让页面居中， 后来百度了一下之后，为了避免以后还是犯这种低级错误，还是写下来，自省警人。其实不能居中无非两种情况：1、body没有宽度 2、少了昨天说过的声明 1、没有设置宽度，不能自适应是很正常的，这样的情况比较容易出现在项目的最开始。 2、DOCTY
margin 0 auto 什么意思
梁同学与Android
11-12 2万+
今天在写h5的时候遇到了居中的问题(网页自适应)，让后就上网上查了相关的资料，顺便整理一下margin中两个参数的意思: margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right 因为0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中） ...
CSS 样式 margin:0 auto； 详细解读
ThomasChan123的博客
01-15 1827
CSS 样式 margin:0 auto 详细解读
margin:0 auto;这里的0和auto分别代表什么意思
最新发布
11-11
`中0和auto分别代表什么意思。 根据CSS规范： - `0` 表示上下边距为0（即没有上下外边距） - `auto` 表示左右边距自动计算（通常用于水平居中元素） 因此，回答如下： 在CSS中，`margin: 0 auto;` 是一种常见...
margin ：0 auto
10-23
`margin: 0 auto` 是 `margin` 属性的一种简写形式，等同于 `margin:0 auto 0 auto`，表示元素的上下外边距为 0，左右外边距自动分配。也就是说，元素在垂直方向上没有外边距，而在水平方向上，浏览器会自动计算并...
margin: 0 auto;
11-08
` 是一种简写形式，其中 `0` 表示元素的上下外边距为 0，`auto` 表示左右外边距由浏览器自动计算分配。 ### 作用 `margin: 0 auto;` 的主要作用是实现块级元素在水平方向上的居中对齐。通过将左右外边距设置为 `...
转载填坑：margin:auto你真的理解么？
liarfeelings的博客
08-12 448
margin:auto你真的理解么？ margin:auto是具有强烈计算意味的关键字，用来计算元素对应方向应该获得的剩余空间大小 填充规则 (1) 如果一侧定值，一侧auto，则auto为剩余空间大小 (2) 如果两侧均是auto，则平分剩余空间 <style> .father { width: 300px; background-color: #f0f3f9; } .son { width: 200px; height:
html中margin:0 auto不居中解决详解
ZJH_are的博客
07-07 4982
不居中的原因：1.你忘了在要居中的元素上设置宽度，如：haha 这样是不行的正确的是：haha2.你忘了声明doctype在html最顶端加上即可：如：
做东西遇到的一些基础知识
m0_37666988的博客
04-20 280
1.CSS中设置margin:0 auto; 水平居中使用条件： margin:0 auto;的意思就是：上下边界为0，左右根据宽度自适应，其实就是水平居中的意思， 块级元素：给定要居中的块级元素的宽度。 行内元素：①设置display:block；②给定要居中的行内元素的宽度。（行内元素设置成块级元素后可以对其宽高进行设置） 行内块元素：设置display:block。（如input、butto...
CSS——margin : 0 auto;
u012194956的博客
04-04 3145
1. margin : 0 auto表示啥？表示上下外边距为0，左右外边距自适应。也可以拆分为：margin ： 0 auto 0 auto；（上 右 下 左）。单独写的话，可以拆分成：margin-top：0；margin-right：auto；margin-bottom：0；margin-left：auto；2.margin：0 auto的作用是啥？一般是用在外层div上的属性。为了让div在...
margin: 0 auto是什么意思
ss810540895的博客
07-10 3892
当一个元素样式属性里有dumargin:0 auto时，并且父元素的宽度是确定的，意思是这个元素处于其父元素的居中位置，并且这个元素的上下外边距为0。即:上下外边距为0，左右自动，实际效果为左右居中。
margin: 0 auto 水平居中原理
辰辰沉沉大辰沉
07-14 7133
在 CSS 居中布局界，这可以说是一个烂梗了。但如果继续追问其原理，很多人就语焉不详了。**网络中很多文章有两个问题：描述不全面或者延伸太广，难以聚焦，时间一长容易遗忘**。 所以写这篇文章的目的是在收敛知识扩展面的同时又能抓住要点，就算时间久了也可以从要点出发把整个原理。
margin：auto、margin：0 auto、margin：0
u010865136的专栏
11-05 1038
margin:auto是指上下左右全都auto margin:0 auto 是指上下是0，左右auto margin:0; 这个是上右下左的值都为0 margin:auto; 这个是上右下左的值都是自适应的 margin:0; 这个是上右下左的值都为0 在两个div里对比一下就会有很明显的效果出来了比如： style .div1 { widt
margin:0 auto
12-25 1970
margin:0 auto 设置对象上下间距为0，左右自动。 可拆分： margin:0 auto 0 auto（上下） 还可拆分为：margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值