1、方法一使用绝对布局位置absolutefordiv并设置topleftrightbottom的值相等，但不一定都等于0并设置边距自动方法二这个方法需要知道div的宽度和高度使用绝对布局位置绝对用于div并将top和left的值设置为50%50。

2、1新建html文档，在body标签中添加div标签并填写一段文字，然后为这个div设置一些样式2为div添加“textalign”属性，属性值为“center”，这时文字将会在框内水平居中3为div添加“lineheight”属性，属性值为div的。

3、4在body标签下方写上scriptscript，用来存放js代码通过class定位到p，通过css方法让文字居中5在浏览器中打开testhtml，可以在文字在页面中间显示p怎样左右居中1实现DIV水平居中 设置DIV的宽高，使用margin。

4、1首先打开DW软件进入软件主界面，点击插入选项2找到布局对象Div标签，即插入一个Div标签3设置类为1，再设置CSS样式，设长宽均为300确定4文本是居左的如果要居中显示，那么就从CSS。

5、4文本是居左的dw怎么让标题居中1首先打开DW软件进入软件主界面，点击插入选项2找到布局对象Div标签，即插入一个Div标签3设置类为1，再设置CSS样式，设长宽均为300确定4文本是居左的。

6、1新建html文件，在body标签中添加div标签，div标签中的内容为“演示文本”，添加题目中的css样式，为了方便演示，给div标签添加灰色背景，这时可以发现div靠近浏览器的左侧，文字在div中居中2为div标签添加新的外边距“。

7、ltdiv style=quotposition absolutetop 50%left 50%height 10%width 30%margin 5% 0 0 15%quot123asfafadaltdiv 3最后，浏览器运行indexhtml，此时html中的文字被成功垂直水平居中显示。

8、1想要让文字在底部，需要用到 positionfixed bottom0px left0px2想要让文字居中，需要用到 textaligncenter3具体代码 ltdiv class=quotdiv_footquot copy20172018 ltdiv div_foot position。

9、1首先先进行文本框的插入，在word文档编辑界面上，单击上方工具栏中的“插入”按钮，包括文本框，所有的插入选项都在这里2在“插入”选项的下拉工具栏中，选择如图所示“文本框”图标单击3接下来会弹出文本框样式。

10、div position relative width 200px height 80px border 1px solid violet span position absolute bottom 0left 80px 3浏览器运行indexhtml页面，此时成功用css实现了内容在div的底部居中。

11、1可以用textalign属性设置首先打开hbuilder编辑器，新建一个html文件，先切换到边改边看模式2写一个div出来，同时在内部加上一些文字，使用css增加属性，使得div的区域看得清楚3接下来就使用textalign的center。

12、div居中可以用外边距margin属性来实现1新建html文档，在body标签中添加div标签，标签的id为“header”，这时因为div标签中没有内容且没有设置样式，所以网页中显示空白2这时为div标签设置原题中的css样式，此时虽然div。

13、3用table实现 4块级的元素但是通过转换成行内元素来实现块级元素的水平居中显示 5父子元素都采用相对定位，父元素left50%子元素left50%相对自己的长度减回50%，这样实现向右偏移后拉回多的部分 6采用css3。

14、1打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，节省时间2在body标签内输入ltdiv class=quotonequot最喜欢玩游戏ltdiv这是图形框的代码，以及要居中的文本内容3在body。

15、3在页面的body标记中，创建一个名为test的新div4编写，用于存储js代码导航到divbyclass并通过css方法使文本居中5在浏览器中打开testhtml，文本可以显示在页面中间css设置text居中方法可以使用“textalign。

16、所以通常图片高，文字低，不能水平居中对齐2再次编辑ahtml，加入以下css代码hlong *displayinlineblockverticalalignmiddle3再次使用浏览器访问ahtml页面即可成功让div里边的图片和文字同时上下居中。