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

Posted 2023-03-05

【中文标题】在不移动 div 的情况下在 div 中移动文本

【英文标题】：Moving text around in a div without moving the div

【发布时间】：2011-09-08 15:25:48

【问题描述】：

我有一个 div，在 div 里面是一个看起来像一个按钮的背景图片，我在 div 中有文字说“主页”。默认情况下，文本被吸附到顶部并且看起来不正确。如何？

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

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

【参考方案1】：

执行此操作的一种方法是将文本包装在 <p> 标记中，并使用 CSS 属性 top 和 left 和 position: relative 来指定文本相对于 div 左上角的位置。

在此处查看示例：http://jsfiddle.net/zvMKH/

【讨论】：

噢！我真的认为这会起作用，但又一次......它移动了背景。也许你所做的有不同的变化？

嗯这很奇怪，它似乎没有移动背景@jsfiddle.net/zvMKH/1（您可以使用左/上值来检查）

您能否编辑您的问题以仅包含您正在谈论的 div 的 html/css？您可以直接粘贴到您的问题中，然后使用“代码”按钮对其进行格式化。

对于评论框来说太大了。生病给你 pastebin 代替。 html:pastebin.com/xuLqhWkk css:pastebin.com/QdPSkkk6 请记住我们正在编辑“主页”按钮。

【参考方案2】：

我通过更改#button1 li a 下的line-height 来修复它。像魅力一样工作！感谢所有做出贡献的人！我真的很感激！

【讨论】：

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