css对齐方式

1、被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center /left/right 来实现的。
垂直居中：
1.1 父元素要有宽高:display: table-cell; vertical-align: middle; 行内元素不能设置宽高，只能靠元素内容撑开（行内、块均可，因为是display: table-cell;）。
1.2 定高，margin：auto 0；定宽定高：margin：auto；
1.3 同时设置line-height可设置文字垂直居中。

注意：button、input、select、textarea、img、progress、均为内联元素。
2、当被设置元素为块状元素时用 text-align：center 就不起作用了。满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的，右对齐margin-left:auto，左对齐margin-right:auto，margin：0 auto。
3、在不确定自身高度/宽度的情况下，用 CSS 实现元素垂直/水平 居中的3种方法
（1）.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行：

parentElement{
        position:relative;