div水平居中垂直居中的代码写法（通过测试）
很多情况需要用到div的居中，下面是念鲜参考一些网站整理的一篇文章。希望对朋友们有所帮助。
让div居中对齐
使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。
.style{margin-left:auto;margin-right:auto;}
缩写形式为：
.style{margin:0 auto;}
数字0 表示上下边距是0。可以按照需要设置成不同的值。
查看下面的例子：
<!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" lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>居中div演示效果</title>
<style type="text/css">
.align-center{
margin:0 auto; /* 居中 这个是必须的，，其它的属性非必须 */
width:500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */
background:red; /* 背景色 */
text-align:center; /* 文字等内容居中 */
}
</style>
</head>
<body>
<div class="align-center">居中div演示效果</div>
</body>
</html>
注意，需要加上上面的那句 才能生效，要是不想要这句的话，也可以给body加一个属性：
body{text-align:center;}
另外，让div内的内容（包括文字及图片）居中的代码是： text-align:center;
div居中的完美解决方案！（水平垂直居中）
关于居中使用css为：position:fixed;left:50%;top:50%;margin-left:width/2;margin-top:height/2;
对于ie6,只能把position:改成absolute;
<!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" lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>水平垂直居中div演示效果</title>
<style type="text/css">
.align-center{
position:fixed;left:50%;top:50%;margin-left:width/2;margin-top:height/2;
}
</style>
</head>
<body>
<div class="align-center">水平垂直居中div演示效果</div>
</body>
</html>
相关推荐
-
无限恐怖看完了看什么？
无限恐怖看完了看什么？，无限恐怖,无限曙光,洪荒,死亡开端,无限未来,无限世界，个人看过N遍，那时候喜欢的不得了，以为最佳阅读顺序:《无限恐怖》《无限恐怖番外－那逝去的》《死亡开端》（讲述了某个大能去负面盖亚位面完成一系列不可描述的布局的故事）《无限未来》（这本已被废除只能参考不可尽信）《无限曙光》《洪荒》？（这本书名还没定，作者暂定为洪...
-
上甘岭为什么在范弗里特弹药量的狂轰滥炸
上甘岭为什么在范弗里特弹药量的狂轰滥炸下依旧守得住？，上甘岭战役,范弗里特弹药量,美军，我尽量简单说，三点原因。第一，反斜面战术和坑道战术。真实情况是在美军强大的火力下我军一开始也被打蒙了，电话线被炸断，部队指挥一开始也搞不清楚前面的情况。比如597.9高地的11号阵地，一个班直接全冲到了表面阵地，结果一轮轰炸全牺牲了。2号阵地看见11号...
-
现实中我国有没有像电影《中南海保镖》李
现实中我国有没有像电影《中南海保镖》李连杰似的厉害人物？，李连杰，有一年公司安排一个退伍兵作保安部部长人很豪爽。个子中等，稍瘦经常在下班一起喝点酒，但对部队的事从来不说，也不说在那个部队后来有一次公司俩小伙晚上上街和人打架跑回公司刚躲着，外面来两辆车，正好这个朋友值班，过去了解情况，对方六七个人，说是警察，朋友说拿证件看一下。对方直接开骂...
-
《大秦赋》里，张鲁一演的嬴政和朱珠演的赵
《大秦赋》里，张鲁一演的嬴政和朱珠演的赵姬，谁演得最差？，朱珠，张鲁一演的嬴政从头到尾都是一个表情、一个腔调，丝毫不像雄才大略的秦王，倒像是唠唠叨叨四处诉苦的祥林嫂。没有一点城府，天天唠唠叨叨要亲政，遇到什么情况都只能用没有感情变化的高声大嗓去演绎表达，丝毫看不出来演员的演技和水平。对人物的演绎，需要首先做到对人物性格、本质、特点充分理解...
-
CSS图标分类参考表 CSS中引用图标的代码
CSS图标分类参考表 CSS中引用图标的代码大全，代码,CSS,图标，FontAwesome 4.1.0 中完整的439个图标样式CSS参考引用方式：（注意：每个图标的引用都必须要添加 fa fa-x 两个class）...
-
历届中国好声音冠军梁博，李琦，张碧晨，张磊，旦
历届中国好声音冠军梁博，李琦，张碧晨，张磊，旦增尼玛，现在谁发展的好一些？，李琦,梁博,中国好声音,张磊中国好声音,张碧晨,旦增尼玛,那英，谢邀！就现在几个人的发展情况；来说，张碧晨的情况要更好一些，相对发展的更为顺利一些，但是要是说创作才华的话，我个人还是倾向于梁博的发展要更好一些，毕竟作为一个歌手，创作才是灵魂所在。第一、梁博梁博是第...
-
怎么看中国拳击协会推出的“中国拳击运动
怎么看中国拳击协会推出的“中国拳击运动水平等级考试”？，拳击，中国拳击运动水平等级考试，是整个社会职业技术体系在习练者身上的体现和定位。《中国拳击运动水平等级考评标准》的作用是为中国拳击运动水平等级认定规范化发展提供依据，为大众拳击与竞技拳击的有机衔 接提供有益的参考。第一，《标准》 将拳击运动水平等级分为大众级与专业级两个层次，为大众拳...
-
最高检回应最高法“卷宗丢失”
最高检回应最高法“卷宗丢失”，法律,崔永元,时政,最高人民法院，1月3日上午，国务院新闻办公室举行新闻发布会，由最高人民检察院检察长张军、副检察长童建明介绍最高人民检察院改革内设机构，全面履行法律监督职能有关情况。有记者问及近日备受社会关注的最高法院“卷宗丢失事件”是否符合最高检法律监督范围。张军表示，涉及法院正在处理的问题，我们也都注意...
-
资产负债表中其他应收款和其他应付款金额
资产负债表中其他应收款和其他应付款金额过大，怎样处理最合理？，其他应付款,其他应收款,资产负债表,股东,实收资本，对于这个情况，首先要分析这两个往来科目的形成原因是借方余额过大，还是贷方余额过大，余额过大是一笔还是多笔形成，这些业务发生的原因要弄清楚。借方余额过大1、验资后款项抽出钱出去了，从钱出去的那一刻，款项就不回来了。此类款项，大多...
-
小非农和大非农有不一样的时候吗？
小非农和大非农有不一样的时候吗？，adp,非农数据,美国adp就业数据，小非农是adp就业数据，这其实是一个非官方的数据，而大非农，则是美国劳动部统计的数据，是官方数据，相对来说非农数据，也就是大非农数据更为准确，也更能反映美国实际的经济状况。一般来说，adp数据和美国非农数据之间相对相关，这是因为两者都是基于就业市场，对于美国劳动情况进...
-
台州有机场吗？
台州有机场吗？，魏德友，有，现在有1座，未来将有5座！目前只有台州路桥机场。根据《今后两年浙江省重点通用机场项目建设情况》，未来台州还将建设4座通航机场。台州路桥机场原名是黄岩机场，始建于1954年，原为军用机场，1987年实现军民合用，是当时全国第一家县级军民合用机场。机场位于台州市路桥区，距离市中心20公里，在2008年12月23日改...
-
家里水质如何？用这几个方法一测便知
家里水质如何？用这几个方法一测便知，矿物质,净水器,水质检测,反渗透,活性碳，现如今，人们越来越关注家中水质的情况，再加上上个月北京朝阳区因为饮用水的原因导致豆各庄社区居民感染了诺如病毒的事件，更是让人们对自家水质十分的担心。今天就来给大家讲一些可以在家里简单操作的检测家中水质的办法，虽然可能无法和专业的检测中心相比，但是足够检测出家中的...
-
美空那个网站是干什么的？
美空那个网站是干什么的？，，美空网是一个摄影、视觉的艺术平台。1、美空网（MOKO!）是中国第一时尚人才成长平台，汇聚了国内最多的美女艺人和几乎全部一线时尚摄影师、化妆造型师[1] 。美空网品牌于2007年创建，创建伊始，其先进的个人作品展示空间模式和极具冲击力的高品质视觉图片受到国内爱好时尚人群的热烈追捧。2、2014年5月，美空网获得...
-
教你如何判断一个网站的真实权重
教你如何判断一个网站的真实权重，百度,搜索引擎,权重，我们平时从站长工具上查看到的百度权重(权值)，其实并不是百度、谷歌等官方搜索引擎所承认的权重值，站长工具也无法得知百度、谷歌等搜索引擎的权重的算法，而是依靠包括网站的收录数、网站的反链数、网站的关键词排名、网站的PR值等一些与网站权重相关的因素综合判断而的出来的结果，虽然有其合理性存在...