margin: 0 auto没有水平居中怎么回事

最新推荐文章于 2022-07-07 11:20:11 发布
最新推荐文章于 2022-07-07 11:20:11 发布
阅读量1.3k 收藏 3
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/z2431435/article/details/113176697
版权
本文介绍了CSS布局中常见的两个问题：未设置元素宽度导致的布局异常及使用float属性后的元素浮动特性。通过实例说明如何解决这些问题，帮助读者更好地掌握CSS布局。

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

1.没有设置宽度width，须设置宽度
2.设置了float:left/right，会自动靠左或靠右

在IE下，当margin:0 auto;无法使得块级元素水平居中时
11-30
在网页布局中，水平居中是一种常见的需求，尤其是在设计响应式网站时。本文将深入探讨在Internet Explorer（IE）浏览器中，为何`margin: 0 auto;`在某些情况下无法使块级元素水平居中，并提供解决方案。 首先，`...
div使用margin:0px auto不居中的原因分析及解决
09-25
`margin: 0px auto` 是一个经常被用来实现水平居中的CSS属性组合，它适用于块级元素，通过设置左右外边距为自动来达到居中效果。然而，在某些情况下，尤其是在IE浏览器中，这种方法可能无法正常工作。本篇文章将深入...
html中使用margin:0 auto整个页面不居中的解决方法
09-28
div style=margin:0 auto这个属怎么弄都不能让页面居中展示，原因是L-Blog默认没有在HTML前加上DTD，于是IE就以HTML而不是XHTML来解释文档
margin:0 auto 不能实现水平居中的原因解析
langyixuan的博客
04-16 7461
margin:0 auto 不能实现水平居中的原因解析 1. 需要居中的元素没有设置宽度 margin:0 auto 中auto的意思是根据元素左右宽度自适应，但是在块元素不设置宽度width的情况下，宽度width默认是100%，这样不能实现宽度的自适应，从而不能达到水平居中的效果。 2. 对行内块和行内元素设置auto margin:0 auto只对block块元素起作用，当给想要居中的inl...
margin：0 auto；不居中的原因
pennyLee020的博客
01-01 1865
转载自：http://blog.sina.com.cn/s/blog_6eef6bf60100nn4m.html margin：0 auto；不居中可能有以下两个的原因： 1、没有设置宽度 看看上面的代码，根本没有设置DIV的宽度，如何根据宽度自适应呢？新手比较容易忽略的问题！ 2、没声明DOCTYPE ①DOCTYPE是document type（文档类型）的简写，在w
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:0 auto;属性
09-25
很多初学制作网页的朋友，可能会遇到的一个常见问题，就是在CSS中加了margin:0 auto;却没有效果，不能居中的问题！...其实就是~~水平居中的意思，呵呵！小一在这里说两个典型的错误引起的不能居中的问题：
css中margin:0 auto居中问题深入探讨
12-11
在CSS布局中，水平居中是一种常见的需求，而`margin: 0 auto`是一个常用的实现方式。这个样式声明表示元素的上下外边距为0，左右外边距自动调整，以此来达到在父容器内水平居中的效果。然而，很多初学者在尝试使用...
html中margin:0 auto不居中解决详解
ZJH_are的博客
07-07 4910
不居中的原因：1.你忘了在要居中的元素上设置宽度，如：haha 这样是不行的正确的是：haha2.你忘了声明doctype在html最顶端加上即可：如：
CSS关于margin:0 auto;属性无法居中问题
热门推荐
no2015214099的博客
07-07 1万+
1.首先设置成块级元素（display:block;）,设置width:N px;2.该元素不能浮动3.display:table-cell;的设置会导致失效4.position：absolute;会导致此属性失效PS：自己在敲代码时，在网上查到的只有前3条，但自己犯的是第四条的错误，看了其他网页的源码后参考修改是position:absolute;的原因，会导致margin:0 auto;无法实...
margin:0 auto;无法居中
hgyhep的专栏
06-10 950
今天遇到遇到的一个常见问题，margin:0 auto;无法居中。百度了一把，就是在CSS中加了margin:0 auto;却没有效果，不能居中的问题！margin:0 auto;的意思就是：上下边界为0，左右根据宽度自适应！其实就是~~水平居中的意思，呵呵！小一在这里说两个典型的错误引起的不能居中的问题：1、没有设置宽度看看上面的代码，根本没有设置DIV的宽度，如何根据宽度自适应呢？新手比较
IE下margin:0 auto不居中解决方法
lkl713的专栏
02-09 1446
正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。 如下代码: #con{width:980px;martin:0 auto;} margin: 0 auto 内容居中显示 解决方法一 可以是对网页主体声明文本居中，即body{text-ali
CSS margin:0 auto 不居中的解决方法
E.M.C.P的博客
09-01 6025
网页内容居中的两种方式： 1、<center>内容</center> 2、在容器中敲入命令：margin:0 auto; 可是当我使用第二种方法时，仍无法居中；后查阅资料后发现原因如下： 1、如果是让一段文字居中 需要在css样式中敲入：text-align: center; 2、如果是块级元素居中 如div等元素,需要在css样式中敲入其宽度：width:1000px;然后使用：margin：0 auto; 3、如果是非块级元素居中 如video,a等元素，需要在css样式中敲入：
margin:auto不能实现垂直居中
weixin_45954775的博客
10-22 1431
为什么 margin:auto不能实现垂直居中？ margin：5px ； 等同于margin-top：5px；margin-left：5px；margin-right：5px；margin-bottom：5px； 所以按理解，margin：auto，应该是上下左右都是自动分配的， 但是W3C规定，top，bottom设置为auto，其实默认值为0。 所以margin:auto;=margin:0 auto;只是水平居中 就是因为这种情况，W3C又规定，只有绝对定位的元素才可以使用top，bottom为au
margin:0 auto 不能居中的问题
weixin_43990624的博客
10-24 267
1、元素是块元素,设有宽度 2、不能使用浮动 3、display：table-cell; position:absolute; 均会导致属性失效
margin：0 auto；不能水平居中的原因可能是
weixin_45711746的博客
02-24 423
该元素没有设置宽度； 设置绝对定位或者浮动； 没有声明doctype。
margin:0 auto居中不了
qq_26983555的博客
03-15 1229
一个div在一个div里面，为了使里面的div居中： 1、 在外面的div中设置，但是ie9不支持 2、在里面的div中设置，margin：0 auto。这时候如果发现说不起作用的时候，要检查 是否有宽度 如果设置了float，就不行，一个float，一个居中，浏览器哪里知道你要干嘛，只能按照它自己要干嘛了
不可通过margin:0auto实现水平居中的有那些标签
最新发布
05-01
在 HTML 中，有一些标签不能通过设置 margin: 0 auto 来实现水平居中，这些标签包括： 1. 行内元素（inline elements）：行内元素默认是不占据整行的宽度的，所以无法使用 margin: 0 auto 属性来居中。不过可以使用 text-align:center 属性来使文本在父元素居中。 2. 绝对定位元素（absolute positioned elements）：绝对定位的元素脱离文档流，不受父元素的限制，所以无法使用 margin: 0 auto 属性来居中。 3. 浮动元素（float elements）：浮动元素会脱离文档流，不占据整行的宽度，所以也无法使用 margin: 0 auto 属性来居中。 4. 表格元素（table elements）：表格元素是内置的居中元素，无需设置 margin: 0 auto 属性来实现水平居中。如果需要居中表格之外的元素，可以将表格放在一个容器内，然后使用 margin: 0 auto 来居中容器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值