margin 0 auto 什么意思

最新推荐文章于 2024-04-15 19:17:28 发布
最新推荐文章于 2024-04-15 19:17:28 发布
阅读量2w 收藏 31
点赞数 21
分类专栏： H5 文章标签： margin 0 auto 什么意思  css margin margin h5 margin 自适应 margin居中
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43290288/article/details/103022283
版权

今天在写h5的时候遇到了居中的问题(网页自适应)，让后就上网上查了相关的资料，顺便整理一下margin中两个参数的意思:

margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right

因为0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中）

梁同学与Android
关注
  • 21
    点赞
  • 踩
  • 31
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
css margin属性 auto,css中margin:auto属性的使用方法
weixin_36075657的博客
08-03 5857
css中margin:auto属性的使用方法发布时间：2020-06-25 10:53:17来源：亿速云阅读：221作者：Leah今天就跟大家聊聊有关css中margin:auto属性的使用方法，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。我们都知道使用margin:auto可以让元素水平居中的。但你有没有想过使用margin:auto可以...
margin:auto布局多一点理解
qq_20243873的博客
08-18 1011
margin:auto魔法世界阅读总结
margin：auto 与 margin：0 auto 区别
热门推荐
dkmings的博客
06-13 2万+
margin的重要性： 有个不容置疑的事，前端开发人员没有人能够忽视CSS margin的重要性。CSS coding时，margin的使用频率就如同呼吸般频繁，如果我可以说得夸张点的话。 margin作为CSS盒模型基本组成要素之一，是非常Basis的一个技术手段，所以我想对于它的一些基本情况应该不用太介绍了？ margin经常被用来做什么？ 让块元素水平居中；让元素之间留有舒适的留
CSS基础：margin属性4种值类型，4个写法规则详解
最新发布
u013179804的博客
04-15 2232
你好，我是云桃桃。一个希望帮助更多朋友快速入门 WEB 前端的程序媛。回复 “前端基础题”，可免费获得前端基础 100 题汇总，回复 “前端工具”，可获取 Web 开发工具合集268篇原创内容-gz.h后台回复“”可获取开发工具，持续更新中后台回复“”可得到前端基础100题汇总，持续更新中。
margin:0 auto;的三种用法
smile_xting的博客
11-12 4520
margin: 0 auto; 只对块级元素生效 所以margin:0 auto的用法分为三种，分别为 块级元素：div、h1~h3、ul 行内元素：span、a 行内块元素：button、img、input、textarea 用法一： 对于块级元素，只需要设置width <div class="block">块级元素</div> div{ width: 200px...
CSS中margin:auto;是如何工作的
一起的远方的博客
02-21 6916
margin:auto;在块级元素的水平居中上经常被使用的。但是你有没有想过它是如何工作的以及为什么不能使？要回答这个问题，我们首先需要看一下margin:auto;的工作原理。 auto会因为所在元素、元素类型和上下文的有不同不一样的表现。但是在margin（外边距）中，auto只有两种选择：占据可用的空间（take up the available space）或者等同于0px。这就决定了元素...
margin 0 auto
talenthua的博客
11-23 188
居中 margin : 0 auto margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;
无法居中,margin:0 auto;属性
09-25
很多初学制作网页的朋友，可能会遇到的一个常见问题，就是在CSS中加了margin:0 auto;却没有效果，不能居中的问题！margin:0 auto;的意思就是：上下边界为0，左右根据宽度自适应！其实就是~~水平居中的意思，呵呵！小...
html中使用margin:0 auto整个页面不居中的解决方法
09-28
在怪异模式下，浏览器可能会按照早期的非标准方式渲染页面，从而影响某些CSS属性的行为，包括`margin: 0 auto`。 为了解决这个问题，你需要在HTML文件的顶部添加一个XHTML 1.0 Transitional的DOCTYPE声明，如下所示...
css margin:0 auto居中
09-25
这就是为什么在第二个示例中，添加了XHTML 1.0 Transitional的DOCTYPE声明，使得浏览器以标准模式解析页面，从而使`margin: 0 auto`正常工作。 值得注意的是，虽然`margin: 0 auto`对于块级元素的水平居中非常有效...
css中margin:0 auto居中问题深入探讨
09-25
在CSS中加了margin:0 auto;却没有效果，不能居中的问题；它的本意就是上下边界为0，左右根据宽度自适应！其实就是~~水平居中的意思，接下来为大家介绍下两个典型的错误引起的不能居中的问题
css margin:auto的使用
weixin_43294560的博客
12-09 5132
块级元素使用margin:auto水平居中: div { width: 200px; height: 200px; margin: 0 auto; } 块级元素margin:auto不能垂直居中的原因: 在 display: block 中，如果 margin-left 和 margin-right 都是 auto，则它们的计算值相等，从而导致元素的水平居中。( 这里的计算值为元素剩余可用剩余空间的一半) 而如果 margin-top 和 margin-bottom 都是
margin:0 auto什么时候会失效
qq_37621289的博客
09-30 1万+
对于普通的盒子，margin auto是不会失效的。 对于浮动的盒子，margin auto会失效。 对于没有边偏移的相对定位的盒子，margin auto是有效的。 对于有上下边偏移的相对定位的盒子，margin auto是有效的。 对于有左右边偏移的相对定位的盒子，margin auto也是有效的，只是在居中的基础上会偏差一个left或right值。当left或right为0时...
设置了margin:0 auto; 和宽度，为什么还是不能水平居中？
mini_1251861209的博客
09-17 1695
解决方法：父元素设为相对定位，将需要居中定位的元素设为绝对布局，并添加以下两行代码： position:absolute; left: 50%; transform: translateX(-50%);
有margin:0 auto;为什么就没有padding: 0 auto呢?
月光下晒猫
07-23 1万+
margin：auto可以做到水平居中，前提条件就是，这个标签是块状元素，并且有个确定的宽度，百分比的宽度也行；padding的话, 设置成auto它会自动继承浏览器的padding值， 当设置padding值为auto时，所有padding值都会变为0，因此一般都会以具体数值或者其他方法实现效果。ps：一般来说，浏览器是没有预设padding值的，但也有个别浏览器是默认有padding值的，为了避
为什么有时候margin:0 auto;没有用
美丽的大黄人
07-01 3426
为什么有时候margin:0 auto;没有用 很有可能你要居中的元素未设置宽度！！！
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的宽度，如何根据宽度自适应呢？新手比较容易忽略的问题！
css对于空间占用
weixin_44287796的博客
03-07 896
对于css空间占用的强行解释 只是个人对于不同元素占用空间的解释，不知道是否正确。 要理解元素的空间占用，首先我斗胆将一个元素的空间分为实际拥有，实际占用，空闲占用。 块级元素 对于一个块级元素，我们经常说块级元素占用整行但是实际上呢， 就好比一个富翁的豪宅，富翁同一时刻只能使用一小部分，但是整个宅邸终归都是属于富翁的。 请看以上图片：当我们给一个块级元素宽高的时候，块级的实际占用，和空闲占用空...
margin 0 auto是什么意思
03-17
`margin: 0 auto;` 是 CSS 中一种用于设置元素水平居中的布局方式。其中 "margin" 指外边距，"0" 指上下外边距为 0，"auto" 指左右外边距自动调整以使元素水平居中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梁同学与Android

你的鼓励将是我创作的最大动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值