Css 保证金：自动；不加保证金

我在玩一个加载条，我有这个代码

html 然而

span

没有边距，它看起来是这样的

当我给它一个正常的

margin

值时，它就工作了

---

我也试过

边距：0自动但也没有成功。当我尝试
margin时：10px自动
我得到的是
10px
，而不是
auto
将自动边距应用于宽度未知的绝对定位内联元素会带来各种问题

我通过设置
行高
和
文本对齐：居中
成功地将文本居中，如下所示：

#text {
    position: absolute;
    z-index:2;
    width:100%;
    height:30px;
    line-height:30px;
    text-align:center;
}

这是因为文本是绝对位置。试试这个：

#back {
    width:100px;
    background-color:#bbbbbb;
    text-align:center;
}

#text {
    z-index:2;
    height:30px;
    line-height:30px;
    position: relative;
}

jshiddle:
您是否尝试将“加载”文本水平和垂直居中？为什么不希望设置固定的边距？我的意思是为什么要使用自动？@Adrift@xryo@showdev我正在尝试居中
加载…
。无论状态如何，都要将其居中于红色范围或灰色框中？@xyro始终居中于灰色。仍然不居中于高度。请立即尝试。您可以使用线条高度或边距。
#text {
    position: absolute;
    z-index:2;
    width:100%;
    height:30px;
    line-height:30px;
    text-align:center;
}

#back {
    width:100px;
    background-color:#bbbbbb;
    text-align:center;
}

#text {
    z-index:2;
    height:30px;
    line-height:30px;
    position: relative;
}