浅谈margin:0 auto

最新推荐文章于 2023-07-10 15:33:50 发布

定定

最新推荐文章于 2023-07-10 15:33:50 发布

阅读量640

点赞数

本文链接：https://blog.csdn.net/u013301375/article/details/43602169

版权

众所周知，margin：0 auto；是使上下边距为0，左右边距自适应，从而使页面居中，但是今天不知道为什么，在做一个练手项目的时候愣是不能让页面居中，

后来百度了一下之后，为了避免以后还是犯这种低级错误，还是写下来，自省警人。其实不能居中无非两种情况：1、body没有宽度 2、少了昨天说过的<!DOCTYPE>声明

1、没有设置宽度，不能自适应是很正常的，这样的情况比较容易出现在项目的最开始。

2、DOCTYPE声明：其实根据HTML5的标准，只需要在html文件最开始的那里加一句<!DOCTYPE html>就可以了，但是还有好多比如DW等软件还是执行4.0标准

这时的DOCTYPE声明就比较繁琐复杂了：（以下摘自W3C）

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd">

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型（例如提供对东亚语系的 ruby 支持）。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

关注