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并排同时设置宽度生效,这样达到并排同时字体内容也可以设置居中。
网友评论