jquery-mobile - 如何使用 jQuery Mobile 使按钮内的图像居中？

Question

我是 jQuery mobile 和 Phonegap 的新手。抱歉，如果这不是问这个问题的地方。

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

我使用以下代码：

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

在渲染中，图像不是居中而是向右。

我也尝试过使用 aclass="car-icon"和相应的 css3 规则：

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

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

任何帮助将不胜感激（我整晚都在试图解决这个问题）。

提前致谢。

score 1 · Accepted Answer

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

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

祝你好运！

score 0 · Accepted Answer

您可以尝试将图像设置为background链接的<a>，并使用以下方法将其居中background-position: center center;：

HTML：

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

CSS：

#mybutton {
    background: url('car.png') no-repeat scroll 0 0 transparent;
    background-position: center center; 
}

2 回答 2