기본 여백 조정

헤더에 이미지가 있고 <a> 태그에 <img>을 래핑하면 이미지가 옮겨집니다. <a> 태그에 기본 여백 또는 패딩이 있다고 가정합니다. jquery-mobile에서 <a> 태그의 기본 여백 또는 패딩을 어떻게 제거합니까?기본 여백 조정

<div data-role="header" data-position="fixed" class="shadow"> 
     <a href="#CheckInPage" data-role="none" id="newheader"> 
      <img id="goHeaderLogo" src="images/go.gif" alt="go Logo"/> 
     </a> 
     <h2>Locations Near Me</h2> 
</div>

나는이 시도 :

<script> 
     $('#newheader').css("margin",'0px'); 
    </script>

출처

2012-11-01 Mike

jquery mobile은 여러 컨테이너에서 코드를 바꾸는 데 많은 변화를줍니다. 먼저, jsfiddle을 사용하여 이미지를 감추고 데모를 보여주십시오. –

수정할 필요 스타일을 파악하는 가장 좋은 방법은 불을 지르고 같은하거나 브라우저의 개발자 도구를 사용하여 개별 요소를 검사하는 것입니다

이것을 시도해보십시오 (차이점을보기 위해 margin-left: 50px을 사용했습니다)

<style> 
    .ui-header .ui-btn-left { 
    margin-left: 50px; 
    } 
</style>

당신은 이것을 얻습니다.
enter image description here

출처

2012-11-01 15:52:25 Taifun

기본 여백 조정

답변

관련 문제