jQuery Mobile을 사용하여 이미지를 버튼 안에 배치하는 방법은 무엇입니까?

Question

jQuery 모바일 및 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; 
}