css居中问题

居中问题

1.行内元素居中

text-align:center;

2.块元素居中

1.定宽  margin:0 auto;
    2. 非定宽 采用flex justify-content: center;

3.行内元素垂直居中

1.height === line-height
    2. 非定宽 采用flex justify-content: center;

4.块元素垂直居中

1.display:flex;
    align-items:center;
    2.display:table-cell;
    vertical-align:middle