如何使用jQuery Mobile将图像置于按钮内？

Question

我是jQuery mobile和Phonegap的新手。对不起，如果这不是要求这个问题的地方。

我正在尝试将自定义图像放在按钮内（不是左侧或右侧的小图标，而是更大的图像）。

我使用以下代码：

<a data-role="button" data-corners="false" data-shadow="false" >
    <img src="images/car.png" />
</a>

在渲染中，图像不居中但向右移动。

我还尝试使用class="car-icon"和相应的css3规则：

.ui-icon-car-icon {
    background-image: url("car.png");   
}

.ui-icon-car-icon {
  text-align: center;
}

我将非常感谢任何帮助（我花了一整夜的时间来解决这个问题）。

提前致谢。

Answer 1

尝试使用这样的东西：http://jsfiddle.net/den232/sFupf/

      <button><img src="http://doc.jsfiddle.net/_downloads/jsfiddle-logo.png" height=35 width=35 ></button>

祝你好运！

Answer 2

您可以尝试将图片设置为链接background的{​​{1}}，并使用<a>将其居中：

HTML：

background-position: center center;

<强> CSS：

<a id="mybutton" data-role="button" data-corners="false" data-shadow="false" >&nbsp;</a>