设置浮动首先，先给一个大的div作为父容器给他设置好宽，高父容器设置为positionrelative 子容器想要居中的容器，设置positionabsolute在设置margintop，marginright等等，如果想要绝对居中，可设置如下CSS样式；我们在进行Web前端代码编辑时，经常会遇到元素需要居中的问题，为此，特地总价了一下几种让元素居中的方法一水平居中textaligncenter 这个属性在没有浮动的情况下，我们可以将块级元素转换为inlineinlineblock。

页面代码 ！doctype html html head meta charset=#34utf8#34 titlediv水平居中显示title style type=#34textcss#34 mar width960px height300px backgroundcolor#F90 margin0 auto；HTML中可以设置文字或内容居中对齐下面，我们来看看怎样让DIV中的内容居中吧随便写上文字 先打开visual studio软件，然后在div中随意写上文字，如下图所示水平居中代码 然后在style中写上水平居中代码bodytext。

网页设计中的css盒子内容居中，你可以先写2个div，第一个包裹着第二个，然后在设置第一个的宽高，在通过margin0 auto居中就行，margin的意思就是距离浏览器的外边距，如图这里我写段代码lthtml lthead lttitle；比如 ltdiv class=div_altdiv class=quotdiv_bquotltdivltdiv 设置div_b的样式 div_bwidth100px margin0 auto 这样div_b便在div_a中水平居中了如果外面没有父DIV，则div_b便相对于整个页面居中注意。

关于如何在div中使文本水平和垂直居中的css代码 您可以使用“文本对齐”属性和“行高”属性1创建一个新的html文件，向body标签添加一个div标签，并在div标签中输入文本这里以“演示文本”为例，设置div标签的宽度高度；DreamweaverDW中的div层居中主要就靠css样式*margin0 auto，让整个页面居中下面是代码案例 ltmeta charset=utf8quot 无标题文档ltstyle type=textcss*margin0 auto#Layer1border1px solid #ff0000。

div居中对齐的代码

下面说两种在屏幕正中水平居中+垂直居中的方法，放上示范的html代码方法一p使用绝对布局，设置marginauto并设置topleftrightbottom的值相等即可，不一定要都是0main textaligncenter*让p内部文字。

负值的大小为层自身宽度高度除以二如一个层宽度是400，高度是300使用绝对定位距离上部与左部都设置成50%而margintop的值为－150marginleft的值为－200这样我们就实现了层垂直居中于浏览器的样式编写div。

IE9+以及其他现代浏览器才支持IE9之前版本不支持，在IE8模式下，不居中，如图4讲解第二种div绝对定位水平垂直居中marginauto实现绝对定位元素的居中，代码两个关键点1上下左右均0位置定位2margin auto。

其中 marginleft100px 和 margintop100px 可以写成 margin100px #1600px #1600px #160100px 方法三div使用绝对定位positionabsolute，并且设置left和top的值都为50%使用css3的transform属性。

首先我们对body设置textaligncenter，再对需要居中的div盒子设置css样式margin0auto，这样即可让对应div水平居中div居中代码应用，为了观察div居中效果，我们对div设置一个div命名为“div”在html中div标签内使用class=“。

div里面的div居中方法一条件这个时候对“body”设置css内容居中样式textaligncenter即CSS代码bodytextaligncenter一 设置这个时候对“#divcss”设置居中必备样式css margin即CSS代码divcss5margin0。

2在body中添加一个DIV，并引入一个CSS，命名为aaa3给这个DIV添加背景色，并定义它的宽和高，命令的代码是background #FA2width 400pxheight 600px4为了定义DIV上下居中，可以使用marginto。

让绝对定位的div居中

第一种方式设置body 居中在CSS中的代码是bodytextaligncenter第二种方式用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下ltdiv。