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

最新推荐文章于 2025-01-15 14:01:02 发布
最新推荐文章于 2025-01-15 14:01:02 发布
阅读量2w 收藏 25
点赞数 8
分类专栏： CSS
本文解释了CSS中使用margin:0 auto实现元素水平居中的方法。此属性使元素在其父容器内左右边界相等，达到居中效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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`是一个常用的实现方式。这个样式声明表示元素的上下外边距为0，左右外边距自动调整，以此来达到在父容器内水平居中的效果。然而，很多初学者在尝试使用...
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:0 auto
前端小空间
02-07 705
众所周知，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 1561
CSS 样式 margin:0 auto 详细解读
HTML5 margin:50px auto什么意思
最新发布
06-20
因为如果宽度是100%，那么就没有多余的空间来分配左右外边距，所以`auto`计算为0，无法居中。总结：-`margin:50pxauto;`的作用是：上下外边距：50像素左右外边距：自动（即水平居中）-条件：元素必须设置宽度（width...
margin：auto auto
05-10
在CSS中，`margin: auto auto` 表示同时为元素的左右外边距以及上下外边距应用自动计算功能。这种声明方式主要用于控制块级元素在其父容器内的水平和垂直方向上的位置[^1]。 当仅涉及水平方向时（即 `margin-left: ...
width: 80%; margin: 0 auto; padding: 20px;
03-26
用户给出的示例是“css width 80% margin 0 auto padding 20px”，我需要解释这些属性的具体功能和如何组合使用。 首先，我应该逐个分析每个属性的作用。width: 80%意味着元素的宽度是父元素宽度的80%。接下来，...
转载填坑：margin:auto你真的理解么？
liarfeelings的博客
08-12 434
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 4930
不居中的原因：1.你忘了在要居中的元素上设置宽度，如：haha 这样是不行的正确的是：haha2.你忘了声明doctype在html最顶端加上即可：如：
做东西遇到的一些基础知识
m0_37666988的博客
04-20 262
1.CSS中设置margin:0 auto; 水平居中使用条件： margin:0 auto;的意思就是：上下边界为0，左右根据宽度自适应，其实就是水平居中的意思， 块级元素：给定要居中的块级元素的宽度。 行内元素：①设置display:block；②给定要居中的行内元素的宽度。（行内元素设置成块级元素后可以对其宽高进行设置） 行内块元素：设置display:block。（如input、butto...
margin: 0 auto是什么意思
ss810540895的博客
07-10 3802
当一个元素样式属性里有dumargin:0 auto时，并且父元素的宽度是确定的，意思是这个元素处于其父元素的居中位置，并且这个元素的上下外边距为0。即:上下外边距为0，左右自动，实际效果为左右居中。
margin:0 auto; 居中问题
09-25 1万+
<br />很多初学制作网页的朋友，可能会遇到的一个常见问题，就是在CSS中加了margin:0 auto;却没有效果，不能居中的问题！margin:0 auto;的意思就是：上下边界为0，左右根据宽度自适应！其实就是~~水平居中的意思，呵呵！小一在这里说两个典型的错误引起的不能居中的问题：<br /><br />1、没有设置宽度<br /><div style="margin:0 auto;"></div><br />看看上面的代码，根本没有设置DIV的宽度，如何根据宽度自适应呢？新手比较容易忽略的问题！
margin：auto、margin：0 auto、margin：0
u010865136的专栏
11-05 991
margin:auto是指上下左右全都auto margin:0 auto 是指上下是0，左右auto margin:0; 这个是上右下左的值都为0 margin:auto; 这个是上右下左的值都是自适应的 margin:0; 这个是上右下左的值都为0 在两个div里对比一下就会有很明显的效果出来了比如： style .div1 { widt
认识margin
qq_53632966的博客
12-06 458
认识margin
margin:0 auto
12-25 1930
margin:0 auto 设置对象上下间距为0，左右自动。 可拆分： margin:0 auto 0 auto（上下） 还可拆分为：margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;
margin 0 auto什么作用与语法重点介绍教程
心有猛狗
05-21 6495
css margin:0 auto什么作用与语法重点介绍教程 一、CSS margin认识   -   TOP margin设置对象外边距,如果我们给DIV设置一条边框线(border)样式后，在DW软件里即可看出margin设置值其实是在边框外距离，此样式设置对象（DIV）之间间距的样式。 详细介绍见：margin教程 二、margin:0 auto作用语法   -   TOP
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值