css - css文本对齐中心和背景颜色

Question

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

这个任务看起来很简单，但我就是想不通......

IE

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

我有一个包含一些文本的 div，我想居中对齐该文本并制作背景，使其仅位于文本后面。

做 display:inline 使背景只留在文本后面，但文本不再居中对齐。

尝试了 css 的所有显示属性，但没有成功。

现在已经在谷歌上搜索了 20 分钟，但我想我不确定要搜索什么。

任何帮助将不胜感激。谢谢。

score 4 · Accepted Answer

看看这个：

HTML：

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

CSS：

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

span {
    background: lime;
}

现场示例：JsFiddle

score 1 · Accepted Answer

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

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

和CSS

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

score 0 · Accepted Answer

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

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

3 回答 3