美文网首页
span内容居中

span内容居中

作者: 泪滴在琴上 | 来源:发表于2019-02-26 08:29 被阅读5次

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

    相关文章

      网友评论

          本文标题:span内容居中

          本文链接:https://www.haomeiwen.com/subject/zgyoyqtx.html