css中的居中（水平和垂直）

text-align：center 水平居中，写在父类元素中，作用于子类行内元素，让其在父类元素中水平居中，如果子类元素是块元素，也想水平居中，可加display：inline-block

vertical-align：center ，这个样式属性只能写在让子类行内元素中，父类也要是行内元素，作用就是让子类行内元素在父类行内元素中垂直居中。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

基线只有内联元素和内联块和内联表格才有，块元素没有基线，而vertical-align是一个处理子元素基线和父元素基线的相对关系的样式属性

“内嵌表格”的基线是表格第一行的基线。 内嵌表格就是display：table-cell

“内联块”的基线是正常流程中最后一个线框的基线 内联块就是display：inline-block

内联元素即是行内元素

line-height：xx px ，行高设置在父类元素（无论行元素还是快元素）中，使得子类元素（内联元素或内联块）垂直居中