span内容居中

1、float:left

设置浮动，再设置text-align:center，内容即可居中。
通过设置float浮动，让span设置宽度生效，从而设置内容居中（text-align:center）属性生效

2、display:block

让span形成块（独占一行），就像DIV一样，在设置内容居中css text-align:center。

3、display:inline-block

前面介绍对span设置display:block，形成块，那么display:inline-block不独占一行块属性，同样可以让SPAN内容居中生效。这样可以让span并排同时设置宽度生效，这样达到并排同时字体内容也可以设置居中。