block元素居中

当前元素CSS
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

flex居中

父元素CSS:
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;

单行文字居中

line-height :父元素高度;
text-align:center;
inline元素居中

vertical-align用于多个inline元素在一起时的排列,比如图文混排