Html 在CSS背景图像中向上移动文本

通常我对CSS很在行，并且能够理解其中的大部分内容，但是这让我很困惑

基本上，在我们的小部件上，“单击此处”按钮中的文本需要向上移动，以便在该文本的上方和下方有相等的间距（相对于红色框）

HTML:

<button onclick="setLocation('amplifiers/pioneer-appradio-2-sph-da100.html/index.htm')" class="button btn-cart" title="Shop NOW" type="button">
<span><span>Click Here</span>

有问题的网站是如果你想看看我在问什么

---

谢谢你的帮助。

你能不能告诉文本的跨度是相对的，并把它放在正确的坐标上

甚至是保证金上/保证金下

---

否则，对于垂直对齐，请尝试。

您不能告诉文本的跨度是相对的，并将其放置在适当的坐标处吗

甚至是保证金上/保证金下

---

否则，对于垂直对齐，请尝试。

我无法让您的代码正常工作（我认为它可能缺少其他css中的某些内容）。但是您应该能够通过将

行高度设置为容器高度（本例中为24px）来将其居中。
我无法让您的代码正常工作（我认为您的css中可能缺少一些内容）。但是，您应该能够通过将
行高度设置为与容器高度相同的高度（在本例中为24px）使其居中。
无需使用span。
尝试只通过css制作按钮背景，因为这将减少无用的http请求

    <button onclick="setLocation('speakers/pioneer-ts-g172ci.html/index.htm')" 
    class="button btn-cart" id="thisPartButton" title="Shop NOW" type="button">
Click Here</button>

没有必要为此使用span。
尝试只通过css制作按钮背景，因为这将减少无用的http请求

    <button onclick="setLocation('speakers/pioneer-ts-g172ci.html/index.htm')" 
    class="button btn-cart" id="thisPartButton" title="Shop NOW" type="button">
Click Here</button>

页面中使用的另一种样式超出了粘贴在此处的样式，这会导致按钮文本的垂直位置

button.btn-cart span
（在styles.css的第203行中）具有
行高：31px

降低该行高度（在我的本地测试中，25px看起来合理）以更正文本位置。
页面中使用的另一种样式超出了粘贴在此处的样式，导致按钮文本的垂直位置

button.btn-cart span
（在styles.css的第203行中）具有
行高：31px

降低行高（在我的本地测试中，25px看起来很合理）以纠正文本位置。
尽管与Queeasion无关。但是你的网站使用了很多Java脚本。Tty需要合并成一个。事实上，在网站上线之前，所有这些都将被合并。不过谢谢你的评论：）虽然与Queeasion没有关系。但是你的网站使用了很多Java脚本。Tty需要合并成一个。事实上，在网站上线之前，所有这些都将被合并。谢谢你的评论：）
#thisPartButton{
color:white;
background:#CE0B08;  //replace it with your image
padding:7px;
}