如何让div背景限制在某个区域

我做了一个css的例子。在那里，我所面临的问题的主要部分是：如何让div背景限制在某个区域

#sign 
{ 
font-size: xx-large; 
color:white; 
background-color:blue; 
font-weight:bolder; 
text-align: right; 
position:right; 
}

，我实现它想：

<div id="sign">Me and Me</div>

这里的背景颜色显示像带。现在我想让背景颜色仅限于文本区域“我和我”。为了达到这个目的，我需要做些什么修改？

来源

2012-08-03 Mistu4u

你的jsfiddle链接是不完整的。 – Lowkase 2012-08-03 17:26:49

请更正jsfiddle链接 – Bongs 2012-08-03 17:29:55

你想要这样的东西>> http://jsfiddle.net/vMRzX/ – Bongs 2012-08-03 17:33:06

是否有一个原因，你不能只为你想要的样式设置任何元素的背景？

使用this link你可以看到，你需要的是一个display: inline;电话。我写了一个快速的jsfiddle你看，这应该是你想要的... http://jsfiddle.net/NjAUR/

眼看你希望它在右手边，摆脱position: right声明和使用一个float: right。这里是更新的版本... http://jsfiddle.net/NjAUR/1/

来源

2012-08-03 17:28:32 Vap0r

这是一条评论，而不是答案。 – j08691 2012-08-03 17:29:08

对，对不起。我可以删除它，如果你喜欢。当我更新他的jsFiddle或更准确地描述他正在尝试做什么时，我将编辑此答案以实际包含解决方案。 – Vap0r 2012-08-03 17:31:47

我已经编辑了我的帖子，现在应该看起来更像是一个正确的答案。对不起，我知道这是非标准的，但我不喜欢评论。 – Vap0r 2012-08-03 17:37:27

使用display:inline;与您的CSS。如果你需要在右侧使用float:right也。

见Demo

来源

2012-08-03 17:38:21 RAN

好了这里我包裹span里面的“我和你”的文字。删除background-color#sign的财产并将其添加到span。

HTML

<div id="sign"><span>Me and Me</span></div>

CSS

#sign 
{ 
    font-size: xx-large; 
    color:white; 
    font-weight:bolder; 
    text-align: right; 
    position:right; 
} 
#sign span { background-color:green; } /* or any color of your choice */

Demo link

来源

2012-08-03 17:54:03 Bongs

如何让div背景限制在某个区域

回答

相关问题