1、首先，定义一个需要垂直居中的div元素，他的宽度和高度均为300px，背景色为橙色。
成都创新互联公司是一家专业从事网站设计制作、做网站、网页设计的品牌网络公司。如今是成都地区具影响力的网站设计公司,作为专业的成都网站建设公司,成都创新互联公司依托强大的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站建设及网站设计开发服务！
2、设定行高(line-height)，设置伪元素：before，absolute+transform，设置绝对定位。设置行高要注意父容器高度和子元素line-height一样的数值，内容中的行内元素就会垂直居中。
3、可以使用“text-align”属性让文字水平居中，使用“ling-height”属性让文字垂直居中。
新建一个html5文件。创建一个宽度为300px，三行四列的表格并写入内容。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：body {text-align： center；} table {margin： auto；}。
td class=tongpian6hehehe/td /tr /table 因为：表格内左边距使用padding-left，而不是margin-left。margin-left叫外左边距。单元格垂直居中，设定vertical-align为middle，而不是bottom（靠下）。
1、首先我们对body设置text-align：center，再对需要居中的div盒子设置css样式margin：0 auto，这样即可让对应div水平居中。
2、模拟表格法 模拟表格法其实就是用CSS中对元素的声明让块元素像表格一样显示，用到的CSS属性有display、vertical-align等。
3、代码：效果：原理：margin：0 auto；数字0代码的是距离上下边界为0，而auto表示距离左右边界为自适应，也就是居中。