我有一個div,裏面的div是一個背景圖像,看起來像一個按鈕,我有文本在div中說「家」。默認情況下,文本被捕捉到頂部,看起來不正確。我怎樣才能在div中移動文本而不移動div?在div中移動文本而不移動div
css文件: http://pastebin.com/xrAFMVDd
HTML文件: http://pastebin.com/b5Fubte0
我有一個div,裏面的div是一個背景圖像,看起來像一個按鈕,我有文本在div中說「家」。默認情況下,文本被捕捉到頂部,看起來不正確。我怎樣才能在div中移動文本而不移動div?在div中移動文本而不移動div
css文件: http://pastebin.com/xrAFMVDd
HTML文件: http://pastebin.com/b5Fubte0
這樣做的一種方式是包裝您的文字在<p>
標籤和使用CSS屬性top
和left
與position: relative
到指定的位置文本相對於div的左上角。
在這裏看到一個例子:http://jsfiddle.net/zvMKH/
我通過#button1 li a
下改變line-height
固定它。像魅力一樣工作!感謝所有貢獻的人!對此,我真的非常感激!
可以使用text-indent水平移動文本而不移動背景圖像 – goonerify 2015-10-31 18:31:47
OOO!我真的認爲這是行得通的,但又一次......它移動了它的背景。也許你做了什麼變化? – robwolff3 2011-06-05 07:13:17
嗯,這是奇怪的,它似乎並沒有移動背景@ http://jsfiddle.net/zvMKH/1/(你可以玩左/頂值來檢查) – Jeff 2011-06-05 07:32:52
你可以編輯你的問題,包括只是你正在談論的div的html/css?您可以直接粘貼到您的問題中,並使用「代碼」按鈕進行良好的格式化。 – Jeff 2011-06-05 07:35:00