在ie浏览器，360浏览器下，margin：0 auto；不居中的原因

最新推荐文章于 2020-04-24 10:41:13 发布
最新推荐文章于 2020-04-24 10:41:13 发布
阅读量223 收藏
点赞数
文章标签： xhtml

转自 http://blog.sina.com.cn/s/blog_6eef6bf60100nn4m.html

margin：0 auto；不居中可能有以下两个的原因

  • 没有设置宽度

    看看上面的代码，根本没有设置DIV的宽度，如何根据宽度自适应呢？新手比较容易忽略的问题！
  • 没声明DOCTYPE
    ①DOCTYPE是document type（文档类型）的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分！
    ②看看下面的代码，是不是很熟悉？像这样的，在文档最顶端，所有代码之上的乱七八糟的东西，就是用来声明DOCTYPE的！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

③你有三种选择，用来声明DOCTYPE

  • 过渡的(Transitional)：要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)，完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • 严格的(Strict)：要求严格的DTD，你不能使用任何表现层的标识和属性，例如
    ，完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • 框架的(Frameset)：专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD，完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

一般使用过度的就可以了。。
如果你的margin:0 atuo;不起作用，不能居中的话，看你的文档最顶端有没有声明DOCTYPE！在你的网页顶端加上声明，看看行不行哦……

weixin_33981932
关注
你对浏览器的兼容性有了解吗？
weixin_44220528的博客
03-11 499
什么是浏览器兼容性？ 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中，做好浏览器兼容，才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计，浏览器对标准的更好兼容能够给用户更好的使用体验。 浏览器兼容的重要性： 1.网站做好了浏览器兼容，能够让网站在不同的浏览器下都正常显示 2.浏览器...
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6461
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
margin:0 auto 不起作用的原因
一名假人的博客
05-26 9191
块级元素的定位是绝对定位，即position:absolute。 因为margin可以理解为，规定该元素与其他元素的距离。那么就说明该元素应在文档流之中，这样才能计算auto。 块级元素应该没有给定的宽度。如width:10px 或是width:10%等 总结 块级元素 定位不要absolute可以是relative 其他原因目前并没有找到，希望大家留言补充，共同进步！ ...
解决在IE8浏览器下css+div网页不能居中的问题
weixin_34253126的博客
12-29 171
近期，发现有部分客户的网站在IE8这个浏览器显示有些不正常，主要表现在利用css+div做的网站页面不能居中的问题。IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中了，自己人策划公司的技术人员经过认真，仔细的分析，终于找到了能让网页在IE8下居中的办法： 把margin:0 auto;写在了body标签中，IE7以下都可以居中，IE8就不行，解决办法是，把这代码写在di...
margin: 0 auto 在部分浏览器中失效的解决方案
Amy的专栏
04-24 421
在IE低版本和以IE为内核的360浏览器中，发现margin: 0 auto没起作用。 解决方案如下： 很多人都忽略了“文档类型”。下面就是正确设置的文档类型了。 <!DOCTYPE html PUBLIC “-//W3C//DTDXHTML 1.0Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio...
解决 CSS 水平居中
lining213的专栏
09-05 1245
同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋，下面让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 CSS常见的让元素水平居中显示方法 用CSS让元素居中显示并不是件很简单的事情同样的合法CSS居中设置在不同浏览器中的表现行为却各 　　同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋，下面让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 　　CSS常见的让元素水平居中显示方法 　　用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在
css布局网页水平居中常用方法
10-30
对于非IE浏览器，我们可以利用`margin: 0 auto`来实现元素的水平居中。这个方法适用于块级元素，将其左右外边距自动设置为相等的值，从而使元素居中。 ```css #wrapper { width: 720px; margin: 0 auto; } `...
jsp浏览器的兼容性
11-13
background 和 background-color 的兼容性不同，background-color 被 IE、360、百度浏览器识别，而 FF 和谷歌浏览器对其识别性较差。 9.关于手形光标 在设置光标样式时，需要注意 cursor: pointer 是通用的，而 ...
常见浏览器兼容性问题与解决方案
张媛的博客
11-19 254
常见浏览器兼容性问题与解决方案 　　所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 　　在学习浏览器兼容性之前，我想把前端开发人员划分为两类： 　　第一类是精确按照...
css在360浏览器的兼容问题
蓝色的风
07-17 1万+
在此并不从整体的角度来阐述，只是简单得记录下今天花了一个下午的时间才解决的问题。      下面是在360兼容模式的显示：              而在火狐浏览器、360浏览器的极速模式、甚至IE浏览器中显示都是正常的，如下图所示：            这让我很郁闷，都说360浏览器用的是IE内核，IE都可以了它怎么就不行呢。从效果上看，显示出错的页面：margin-left、bor
IE浏览器中解决设置了margin:0 auto;后不居中的办法
HZZOU的博客
07-21 1537
一般情况下若要将div居中显示，使用CSS样式：margin:0 auto; 或者margin:0 auto 1px;即可，但是有时候用margin:0 auto;后在FF,Chrome等浏览器里能居中，但在IE6、7、8里却不能居中的现象。   代码如下： &lt;style&gt; #con{ width:980px; margin:0 auto; } &lt;/style&g...
css关于margin在不同浏览器下的兼容
fjh1370505782的博客
02-05 3784
在学校中学的是Html,并没有学习Html5,工作后遇到这个问题。 发现只要把H4的标头改成H5的标头就能解决兼容性了（谷歌和火狐，没有去测试Ie的兼容性） 只要把改成就可以了。
打开浏览器默认是360导航解决办法
热门推荐
Errol's Blog
12-06 5万+
打开浏览器默认是360导航解决办法
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;无法实...
el-button css使用margin: 0 auto不居中
最新发布
08-30
使用 margin: 0 auto 属性来实现居中需要元素设置以下条件： 1. 元素需要为块级元素，所以需要将 el-button 设置为 display: block; 2. 需要指定一个宽度，可以是具体像素值，也可以是百分比，例如 width: 200px; 3....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值