Question

这是我在求职面试中遇到的一个问题，虽然我们可以通过如下定义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>

我错过了什么吗？

Answer 1

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

text-align: center;

到其父css声明。点击http://jsfiddle.net/7njAf/1/。

Answer 2

你的跨度缺少你的跨度中的“包装”ID，因此没有应用css。

<强>更新

span元素默认显示为：inline，似乎不接受边距。你可以通过添加display：block来看到这个;到刚刚跨越的css