26、css水平居中、垂直居中、水平垂直居中

css水平居中：

行内元素：text-align:center

块级元素:margin: 0 auto

position: absolute; left:50%; transform: translateX(-50%); 也可以已知宽度的情况下，margin-left:-宽度的一半

display:flex；justify-content:center;

 

垂直居中:

。line-height等于height

。position:absolute; top:50%;transform:translateY(-50%);也可以已知高度的情况下，margin-top:-高度的一半

。display:table-cell;vertical-align:middle

。display:flex;align-items:center;

 

水平垂直居中:

。position:absolute; top,bottom,left,right均为0; margin:auto;

。position:absolute; top:50%; left:50%; transform:translateX(-50%); transform:translateY(-50%)

。display:flex; justify-content:center; align-items:center;