在开发中很多元素都是水平垂直居中，那么这篇经验分享水平垂直居中的第二种特殊方法，水平居中一共3种常用特殊方法，下一篇经验分享第三种。
工具/原料
1
IDE编码工具
2
电脑
方法/步骤
1Document
第一步，将设定好的DIV元素包含子元素，一定是给定宽高的，其它情况要用其它方法实现，所以一定要给定大小。下面是DIV结构代码：
水平垂直居中
2
第二步，给父元素加上定位的样式，定位属性是position,属性值是relative 用到的是相对定位。代码如下：
3
第三步，给里面的子元素设定大小，然后给背景与边框，这样最后能够明显看到水平居中的效果，代码如下：.next_one {width: 100px;height: 100px;border: 1px solid red;}
4
第四步，给子元素加上绝对定位，这里是相对父元素的定位，代码如下：.next_one {width: 100px;height: 100px;border: 1px solid red;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
5
最后，把子元素内部的文本居中对齐即可，代码如下：text-align: center;line-height: 100px;将这个样式加入到text_one类中，下图是最终的全部水平垂直居中的效果。
注意事项
注意元素是给定宽高大小