如何让span居中

  • 原创
  • |
  • 浏览：22596
  • |
  • 更新：
  • 如何让span居中1
  • 如何让span居中2
  • 如何让span居中3
  • 如何让span居中4
  • 如何让span居中5
  • 如何让span居中6
  • 如何让span居中7
分步阅读

span是网页的标签元素,介绍让标签span进行居中显示

工具/原料

  • 电脑
  • 网页span标签

方法/步骤

  1. 1

    打开网页编辑器,在<body>内写入<span>标签,在标签内写入文字内容

    如何让span居中
    如何让span居中
  2. 2

    在CSS中定义宽和高,设置边框的大小显示,更好的查看属性

    如何让span居中
  3. 3

    会发现设置的宽和高与实际的不符合,说明是内联元素,内联元素没有大小和宽度,所以要在CSS中添加display:inline-block样式

    如何让span居中
    如何让span居中
  4. 4

    如果想要使其居中,那么使用CSS的margin:0 auto，此时的display:block设置为块级元素有效

    如何让span居中
    如何让span居中
  5. 4
    本页面未经授权抓取自百度经验
  6. 5

    如果是想让文字居中,使用text-align: center;为文字的左右居中

    如何让span居中
  7. 6

    如果想要文字垂直居中，使用CSS的line-height: 高度定义为整个块的高度100px，最终文字在整个span的中心

    如何让span居中
  8. 7

    总结:

          居中的方式很多,这里介绍了:

                    CSS控制文字居中

                    CSS控制整个span居中位置

    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部