问题 在不移动div的情况下在div中移动文本


我有一个div,在div里面是一个背景图像,看起来像一个按钮,我在div中的文字说“Home”。默认情况下,文本会捕捉到顶部并且看起来不正确。如何在不移动div的情况下在div中移动文本?

css文件: http://pastebin.com/xrAFMVDd

html文件: http://pastebin.com/b5Fubte0


5041
2018-06-05 06:39


起源



答案:


这样做的一种方法是将文本包装成 <p> 标记并使用CSS属性 top 和 left 同 position: relative 指定文本相对于div左上角的位置。

在这里查看示例: http://jsfiddle.net/zvMKH/


12
2018-06-05 06:45



OOO!我真的以为这会再次起作用......它用它移动了背景。也许你所做的不同变化? - robwolff3
嗯,这很奇怪,它似乎没有移动背景@ jsfiddle.net/zvMKH/1  (您可以使用左/上值来检查) - Jeff
你可以编辑你的问题,包括你正在谈论的div的html / css吗?您可以直接粘贴到您的问题中,并使用“代码”按钮进行格式化。 - Jeff
它对评论框来说太大了。生病给你代替。 HTML:pastebin.com/xuLqhWkk CSS:pastebin.com/QdPSkkk6 请记住,我们正在编辑“主页”按钮。 - robwolff3


答案:


这样做的一种方法是将文本包装成 <p> 标记并使用CSS属性 top 和 left 同 position: relative 指定文本相对于div左上角的位置。

在这里查看示例: http://jsfiddle.net/zvMKH/


12
2018-06-05 06:45



OOO!我真的以为这会再次起作用......它用它移动了背景。也许你所做的不同变化? - robwolff3
嗯,这很奇怪,它似乎没有移动背景@ jsfiddle.net/zvMKH/1  (您可以使用左/上值来检查) - Jeff
你可以编辑你的问题,包括你正在谈论的div的html / css吗?您可以直接粘贴到您的问题中,并使用“代码”按钮进行格式化。 - Jeff
它对评论框来说太大了。生病给你代替。 HTML:pastebin.com/xuLqhWkk CSS:pastebin.com/QdPSkkk6 请记住,我们正在编辑“主页”按钮。 - robwolff3


我通过改变它来修复它 line-height 下 #button1 li a。像魅力一样工作!感谢所有贡献的人!对此,我真的非常感激!


4
2018-06-06 01:32



text-indent可用于水平移动文本而不移动背景图像 - goonerify