如何讓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背景限制在某個區域

回答

相關問題