css - 浏览器兼容性布局居中之战 : IE and Mozilla-6ren

css - 浏览器兼容性布局居中之战 : IE and Mozilla

转载作者：太空宇宙更新时间：2023-11-04 05:03:23

因此，根据之前的帮助，将 margin: 0 auto 放在容器上并删除 content box 上的所有边距属性在 Mozilla Firefox 中完美运行，但 Internet Explorer 是一场灾难。

它变得如此糟糕，以至于整个网站都乱七八糟。我想再试一次。

如何在 Internet Explorer 和 Mozilla 上将内容框居中？

最佳答案

页面没有doctype声明，例如:

<!doctype html>    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

因此，浏览器进入 Internet 5.5/Netscape/1998 兼容/怪癖模式:

enter image description here

如果添加 <!doctype html>声明将其置于标准模式(我可以通过将浏览器更改为标准模式来模拟):

enter image description here

然后该页面对我来说很好。

Internet Explorer(Quirks 模式):
enter image description here

Internet Explorer:
enter image description here

Chrome:
enter image description here

关于css - 浏览器兼容性布局居中之战 : IE and Mozilla，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11007275/

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章