margin:0 auto居中
2010-05-28 10:29
106 查看
很久没有写日记了，归根结底是很久没有学习了，一直都在工作，一直用到margin居中，也郁闷很了很久，网上看了大把的问答，最后自己就着一个例子，然后研究了一下，其实div居中不那么难！
复制一下代码到记事本，修改为html后缀的文件。
代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div style="height:300px; background:#ccc;">
<div style="width:50px; height:50px; background:#f00; margin:0 auto;"></div>
</div>
</body>
</html>
运行即可！ 虽然很简单，但是很实用，分享给大家。
复制一下代码到记事本，修改为html后缀的文件。
代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div style="height:300px; background:#ccc;">
<div style="width:50px; height:50px; background:#f00; margin:0 auto;"></div>
</div>
</body>
</html>
运行即可！ 虽然很简单，但是很实用，分享给大家。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- div居中：margin:0px auto;
- CSS中设置margin:0 auto; 水平居中无效的原因分析
- margin:0auto与body{text-align:center;}实现元素居中 两种方法的异同
- 正确的使用margin:0 auto与body{text-align:center;}实现元素居中（转）
- 关于IE6中无法使用margin:0 auto居中的问题终极解决方案
- css参考文档； 官方英文说明！！ 1 margin padding 百分比参照物 2 margin值为auto时的说明 3 div在div里垂直居中方法 4 dispaly:flex说明
- margin:0 auto;在IE8里不再居中啦
- 在IE下，当margin:0 auto;无法使得块级元素水平居中时...
- html div margin：0 auto；不居中的原因
- table居中方法之一：设置width，然后为style设置margin:auto
- 转载：IE下div使用margin:0px auto不居中的原因
- css中margin:0 auto居中问题深入探讨
- div使用margin:0 auto居中后，如何使子div实现流式布局
- 小tip: margin:auto实现绝对定位元素的水平垂直居中
- 块状元素的居中，首先设置宽度，再设 margin: 0 auto
- margin：0 auto；不居中的原因
- IE浏览器解决margin:0 auto;不居中办法！
- IE8 margin: auto 无法居中
- 【IE浏览器】解决margin: 0 auto;不居中办法！
- 居中 margin：0 auto与text-align:center的区别