跨度围绕其父元素的水平居中对齐

这是我在

求职面试中遇到的一个问题，尽管我们可以通过定义HTML和CSS将包装div水平对齐到其父元素（例如body）周围

，如下所示：

#body { margin: 0; padding: 0;}
#wrapper { margin: 0 auto; }
<body>
<div id="wrapper">Horizontally Centered Div</div>
</body>

但是对于跨度，它的对齐方式不同。

#body { margin: 0; padding: 0;}
#just-span { margin: 0 auto; }
<body>
<span id="just-span">Horizontally Centered Span</span>
</body>

我错过了什么吗？

对于具有显示的 span 元素：内联;默认值，请使用

text-align: center;

到其父 CSS 声明。http://jsfiddle.net/7njAf/1/查看此处。

您的跨度在跨度中缺少"包装器"id，因此未应用 css。

更新

默认情况下，span 元素显示为：内联，它似乎不接受边距。您可以通过添加显示：块来查看这一点;到刚跨度的 CSS

相关内容