html - 如何水平居中对齐div内的跨度

Question

我有一个 DIV 和一个 SPAN。我想将 SPAN 在 DIV 内水平居中。

我试图将它放在 headerRibbon div 的中心，但无论我使用什么代码，它都不起作用。

我正在像这样加载上面显示的移动样式表:

<!-- default stylesheets -->
<link rel="stylesheet" type="text/css" href="theStyles/defaultStyle.css" /><link rel="stylesheet" type="text/css" href="theStyles/captionStyle.css" />

<!-- mobile stylesheets
<link rel="stylesheet" type="text/css" href="theStyles/defaultStyle_mobile.css" media="only screen and (max-device-width: 480px) and (min-device-width : 320px)" /><link rel="stylesheet" type="text/css" href="theStyles/captionStyle_mobile.css" media="only screen and (max-device-width: 480px) and (min-device-width : 320px)" />-->

<link rel="stylesheet" media="screen and (max-width: 480px)" href="theStyles/defaultStyle_mobile.css" /><link rel="stylesheet" media="screen and (max-width: 480px)" href="theStyles/captionStyle_mobile.css" />

<!-- if ie version 9 or less -->

<!--[if lte IE 9]>
<link rel="stylesheet" type="text/css" href="theStyles/defaultStyle_ie.css" /><link rel="stylesheet" type="text/css" href="theStyles/captionStyle_ie.css" />
<![endif]-->

div 在页面加载时向下滑动时显示为block:

我该如何解决？

Answer 1

您需要制作 span display: inline-block; 并制作 div text-align: center; 或制作 span display: inline -block; 和 margin: 0 auto;