css样式中居中显示的效果

html+css样式居中显示效果（水平+垂直）

通常我们制作网页时会使用居中显示，让网页中的某一对象达到水平居中或者垂直居中，今天将我知道的几种方法分享给大家

接下来请看html示范代码

1、div设置绝对定位，使用margin：auto;（代码如下图）
网页效果图如下：

注：效果图是小编随意截的，可能不是特别的居中，自己操作时是对于整个屏幕完全居中的。

2、利用绝对定位和transfrom属性实现居中。代码如下图：

效果图同上

3、相对于css样式中设置属性达到文本居中，更简单直白一点的方法就是使用center方法。
实现代码：style=“text-align:center;”