gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 05:03:23 25 4
gpt4 key购买 nike

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

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

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

CSS 代码:style_sample.css

网页:http://avisuals.web.fc2.com/sample.html

最佳答案

页面没有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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com