浅谈margin:0 auto
来源:互联网 发布:古剑奇谭网络播放量 编辑:程序博客网 时间:2024/06/05 00:18
众所周知,margin:0 auto;是使上下边距为0,左右边距自适应,从而使页面居中,但是今天不知道为什么,在做一个练手项目的时候愣是不能让页面居中,
后来百度了一下之后,为了避免以后还是犯这种低级错误,还是写下来,自省警人。其实不能居中无非两种情况:1、body没有宽度 2、少了昨天说过的<!DOCTYPE>声明
1、没有设置宽度,不能自适应是很正常的,这样的情况比较容易出现在项目的最开始。
2、DOCTYPE声明:其实根据HTML5的标准,只需要在html文件最开始的那里加一句<!DOCTYPE html>就可以了,但是还有好多比如DW等软件还是执行4.0标准
这时的DOCTYPE声明就比较繁琐复杂了:(以下摘自W3C)
HTML 4.01 Strict
该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
该 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">
XHTML 1.0 Transitional
该 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">
XHTML 1.0 Frameset
该 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">
XHTML 1.1
该 DTD 等同于 XHTML 1.0 Strict,但允许添加模型(例如提供对东亚语系的 ruby 支持)。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- 浅谈margin:0 auto
- margin:auto、margin:0 auto、margin:0
- 浅谈margin:0 auto元素居中的问题
- margin:auto 与 margin:0 auto 区别
- margin:0 auto;
- margin:0 auto;无法居中
- margin: 0 auto 请注意
- margin:0 auto; 居中问题
- 居中解析margin:0 auto;
- margin:0 auto; 居中问题
- margin:0 auto; 居中问题
- margin:0 auto; ie 678
- position:absolute margin: 0 auto;
- margin:0 auto无效原因
- TextAlign 与 margin:0 auto
- margin:0 auto;什么意思
- CSS margin:0 auto介绍
- margin:0 auto;和margin:0px;区别在哪里?
- vim 与 gdb
- coreseek源码linux下安装
- Scala学习笔记3--类型推演
- ural 1009. K-based Numbers dp 高精度
- Floating Action Button – Part 1
- 浅谈margin:0 auto
- Oracle 11g在ASM磁盘组上添加控制文件
- IOS8 UIAlertController 弹框
- JTable的应用(二)
- Windows系统下一个文件夹里可以放多少个文件?
- JMS学习
- DURABLE在queue和topic中的区别
- cocos2dx3.0自定义回调函数,传递自己想要的参数
- 对jms中Durable Subscription的一种理解