1、1创建一个新的html文件，向body标签添加一个div标签，并在div标签中输入文本这里以“演示文本”为例，设置div标签的宽度高度和背景色属性，属性值分别为200100和灰度此时，“演示文本”的默认位置在div框的左上方。

2、1正文示例，编写div标记对2然后我们设置div的宽度和高度需要注意的是，如果没有设置宽度，默认为100%，会占据整个页面3然后，我们给div添加一个深粉色的背景色，方便我们直观的看到div的布局4然后预览div布。

3、需要的主要css代码有两个，一个为textaligncenter内容居中，另外一个为margin0auto其两个样式需要配合使用才能实现div盒子的居中显示排版首先我们对body设置textaligncenter，再对需要居中的div盒子设置css样式marg。

4、如何让div的大小占据整个屏幕 1首先使用HTML编辑器sublime_text，点击进入2在开始编写代码之前，先检查一下css中什么可以控制div的大小3知道了如何控制div框的大小，开始写代码吧首先，编写三个div框，然后分别控制。

5、$#39div#39height2#39div#39css#39marginleft#39， left + #39px#39#39div#39css#39margintop#39， top + #39px#39 3浏览器运行indexhtml页面，此时无论怎么拉伸窗口，div都会自动调整到屏幕正中央。

6、5设置positionfixed 居中为了给div自动居中显示，只需要在fixed类中再添加left 0right 0margin0 auto6查看居中效果保存html文件后使用浏览器打开，就绝对居中了。

7、d1border1px solid redwidth200pxheight200pxtextaligncenterlineheight40pxmargin0 autoltstyleltheadltbodyltdiv class=quotd1quot我是div，我居中啦ltdivltbodylthtml。

8、marginleft200px margintop150px backgroundcolor#aafltstyleltdiv id=Altdivltdiv id=Bltdiv第二种方法，让B相对于A来定位注意A包含Bltstyle#A positionabsolute left50% top50。

9、设置浮动首先，先给一个大的div作为父容器给他设置好宽，高父容器设置为positionrelative 子容器想要居中的容器，设置positionabsolute在设置margintop，marginright等等，如果想要绝对居中，可设置如下CSS样式。

10、之后在设置margin的值上下边距为0，左右为auto，ul列表就居中了3最后打开浏览器查看效果，可以看到div中的列表诗句中的以上就是html无序列表在div中居中的方法介绍。

11、ltdiv class=quotmaskboxquotltdiv ltdiv class=quotdialogboxquot 弹窗内容 ltdiv 通过fixed定位实现， quotmaskboxquot 模拟背景，quotdialogboxquot作为弹窗容器，里面写弹窗的内容通过控制样式，切换 displayblock disp。

12、第一种将图片的maxwidth数值px 数值设置成你的div2的宽度 第二种将图片作为div2的背景图， 这种可以不裁剪图片尺寸backgroundurl图片路径 center top norepeat。

13、可以用“textalign”属性控制文字的位置，“center”属性值让文字居中显示1新建html文档，在body标签中添加一个div标签，在div标签中添加p标签，这时文字将会在div标签中靠左显示2为div标签设置“textalign”属性。

14、html中让div层固定在屏幕中央右边500像素的位置，这个的话，我就需要用html中的position的绝对定位来做，我们需要提前知道的有div距离中间的距离，上边的距离，右边的距离，这三个是需要知道的，这里我写一段代码lthtml lt。

15、1新建html文档，在body标签中添加div标签，然后在div标签中添加img标签2为div标签添加“margin”属性，属性值是“0 auto”，这时div标签将会在网页中居中显示3为div标签添加“textalign”属性，属性值是“center”。