css常用的几种居中方式

居中是我们在设计样式时不可避免的流程，不同类型的元素实现居中的方法不同，但也不不唯一。怎么样选择一个较合适的居中方法能够提高代码灵活性，以及兼容性。

1.水平居中

a. text-aglin：center 适用于行类，文本元素的水平居中

b. margin：0 auto 适用于定宽块及元素的水平居中。

2.垂直居中

c. line-height=height 适用于单行文字的垂直居中。

d. vertacl-middle 适用于图片的垂直居中。

e. 绝对定位+margin：-width/2 ,height/2 适用于定宽，定高的元素的垂直居中.

div{width:50px;
    height:50px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-25px;
    margin-top:-25px;
}

当然居中方式还有很多，我只是列举的常用的，简单的几种。