jQuery를 모바일 - 버튼 스타일 - 패딩 문제

아래의 사진은 문제를 이해하기 위해 참조하십시오jQuery를 모바일 - 버튼 스타일 - 패딩 문제

enter image description here

내가 여기에 패딩에 문제가 있습니다. 나는 단추의 중간에 단추 "온라인지도"의 텍스트를 배치 할 수 없습니다. Android 용 애플리케이션을 개발 중입니다.

HTML :

<div class="footer" data-tap-toggle="false"> 
<div class="wrapper"> 
<div class="ui-grid-b"> 
<div class="ui-block-a"><a href="#page_19_EN" data-rel="back">Back</a></div> 
<div class="ui-block-b"> 
<a data-theme="my-site" data-role="button" data-mini="true" onClick="checkReachability()">Online Map</a>  
</div> 
<div class="ui-block-c home"><a href="#page_41_EN">Home</a></div> 
</div> 
</div> 
</div>

CSS :

.ui-btn-up-my-site { 
    color: white;  
    font-size:8px;  
    padding-top:0; 
    padding-left:0 !important; 
    border:1px solid #333; 
    text-align:left !important; 
    padding-right:0; 
    margin-top:-10px ; 
    white-space: normal;     
} 

.footer .ui-grid-b .ui-block-a, .footer .ui-grid-b .ui-block-c { width: 20%; } 
.footer .ui-grid-b .ui-block-b { width: 60%; text-align: center; padding:0;}

나는이 버튼 스타일을하려고 5 시간 이상을 소비하고 아직 성공하지 못했습니다. 그것은 너트를 몰고 간다. 아무도 도와 줄 수 있니?

출처

2012-12-13 Majstor

이 문제는 안드로이드에서만 발생합니까? – user700284

사실 나는 안 ... 안드로이드에서만 테스트 할 수 있습니다. – Majstor

데스크탑 브라우저에서이 문제를 재현 할 수 있습니까? 그렇다면 문제가 재현 될 수있는 샘플 코드 jsfiddle을 게시하십시오. – user700284

당신은 분명히 나를 위해 문제를 패딩 해결했다 언젠가

margin-left: 0px; 
margin-right: 0px;

설정을 시도 할 수 있습니다. 희망이 작동합니다.

출처

2012-12-13 10:55:35 Ciack404

시도, didnt 해결. 문제. 그러나 여전히 약간의 변화가 일어납니다. 이미지를 다시보십시오. – Majstor

margin-left에 음수 값을 넣고 margin-right 또는 다른 방법으로 제거하려고 시도 했습니까? 죄송합니다. 궁금한 점은 – Ciack404

입니다. 지금 시도해 보겠습니다. – Majstor

jQuery를 모바일 - 버튼 스타일 - 패딩 문제

답변

관련 문제