本文关键词：北京网站建设—北京网站制作

有很多DIV初学者在排版中都会遇到css+div要怎么居中？北京网站建设今天就在本文中向div初学者们绍介几种css控制div是怎么居中的。

Css+div居中的几种方法如下：
第一种方法
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }

说明：
首先我们在父级元素中定义了一个TEXT-ALIGN: center语句;这个语句的意思是在父级元素中的内容居中；IE浏览器支持这种设置方法。但是在mozilla中这种方法就不灵了。北京网站制作公司教你怎么解决这种现象，方法就是在子元素中定义的时候再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto这样就支持mozilla浏览器了; 网站制作公司需要说明的是，如果你要用这种方法使整个页面居中，北京网站制作建议你不要套在一个DIV里实现，你可以依次拆出多个div，只要在拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。

图片如何在DIV 中垂直居中？
举例：
body{BACKGROUND: url( http://www.mkkj.org/advs/1245969029.gif ) background-repeat:no-repeat center;}
关键就是最后的center,这个参数定义图片的位置。还可以写成“top left”(左上角)或者"bottom right"等，也可以直接写数值"50 30"

北京网站制作教你如何让文本在DIV中垂直居中
使文字居中就不能在用背景那样方法了，css里有个定义行距的语句在配合高度就可以实现垂直居中效果。
举例：
#top_gonggao_right{
 width:888px;
 background-image:url(index1_24.gif);
 height:32px;
 line-height:32px;
 float:right;
 background-repeat: no-repeat;
 background-position: right;
  }
说明：
这些语句中真正起作用的只有height:32px;度和line-height:32px;语句，height:32px;就象是一个容器而line-height:32px;就是让内容在这个容器中居中。