如何使用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

你可以嘗試設置你的形象，你的鏈接<a>的background，並使用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; 
}