Question

嘿伙计们希望你能帮帮我..

任务似乎很简单，但我无法弄清楚......

即

<div style="text-align: center;background-color: rgb(150, 161, 255);  " id="clock">
        asd
</div>

我有一个带有一些文字的div，我希望将该文本居中对齐并使背景保持仅在文本后面。

进行显示：内联使背景仅停留在文本后面，但文本不再是中心对齐。

尝试了css的所有显示属性，但没有运气没有用。

现在谷歌搜索了20分钟，但我想我不知道该搜索什么。

任何帮助都会受到赞赏。谢谢。

Answer 1

看看这个：

HTML：

<div>
    <span>
        my text
    </span>
</div>

CSS：

div {
    background: red;
    text-align: center;
}

span {
    background: lime;
}

实例：JsFiddle

Answer 2

为什么不在div中的文本中添加span标签并设置样式呢？

<div style="text-align: center; " id="clock">
    <span>asd<span>
</div>

和css

#clock span{
background-color: rgb(150, 161, 255);
}

Answer 3

请检查我希望这会帮助您，我试图根据您的要求制作..

 <div style="text-align: center;background-color: rgb(150, 161, 255); display:table; margin:auto;  " id="clock">
            asd
    </div>