如何让div中的内容垂直水平居中？
可以用“text-align”属性和“line-height”属性。
1、新建html文件，在body标签中添加div标签，在div标签输入文字，这里以“演示文本”为例，给div标签设置宽度、高度和背景色属性，属性值分别为200、100和灰色，这时“演示文本”默认位置为div盒子的左上方：
2、这时给div标签添加上“text-align”属性，属性值为“center”，这时文字将会在div容器中水平居中：
3、这时给div标签添加行高“ling-height”属性，属性值为高度的值“100px”，再添加“vertical-align”属性，属性值为“middle”，这时文字将会水平垂直都居中：
延伸阅读
html怎么让div里的文本居中？
1、首先打开Sublime Text软件，新建一个HTML页面，
2、然后我们在html页面中加入div标签，并且在div标签中加入一些文字，
3、接下来我们给div标签编写CSS样式，这里主要是text-align和line-height两个属性，
4、最后我们运行页面程序，你就会在页面中看到div中的文字水平垂直都居中了。
如何让两个span在div中垂直居中？
1、首先打开hbuilder软件，新建一盒html文件，写入一个外围的div容器标签，div中设置一个span标签：
2、然后在上方设置style标签，在里面设置div的字体，高度和宽度以及背景颜色的属性，同时设置div的display属性为table-cell，将它设置为表格元素，然后设置纵向对齐方式vertical-align属性为中间居中，在span标签中不设置高度和宽度就可以垂直居中了：
3、最后打开浏览器就可看到垂直居中的效果了：
div中如何设置文字居中？
让div中的文字水平居中很容易，只需要将属性text-align设置为center或将margin设置为0 aotuo就可以了。而让div中的文字垂直居中还是要费一番周折的。
1.首先如果div中只有一行文字，那么可以通过将lineheight属性和height属性的值设为一样来实现。
2.如果div中有多行文字时，则需要通过position属性来实现垂直居中的效果了，代码如下：html:<div id=”box”><div id=”sub”><div id=”content”>垂直居中</div></div></div>css: #box{border:1px solid #000;background:#f00;position:relative;height:400px;width:400px} #sub{position:absolute;top:50%} #content{border:1px solid #fff;position:relative;top:-50%;color:#000}
在一个div中如何让button按钮垂直居中？
1、首先我们需要新建一个html5文件，编写html5基础代码。
2、新建一个div标签，在div标签下编写一个button标签。
3、为div标签和button标签填写基础样式代码，这里我们为了更好的查看居中情况，将div的背景设置成红色。
4、我们用浏览器打开页面，可以看到button在div层中的左上角位置。
5、接下来就是实现垂直居中的方法了，首先我们将div的行高设置成div层的高度，将button的vertical-align属性设置成middle。
6、刷新网页，发现button已经在div中垂直居中了。
