调整默认边距

Question

我在标题中有一个图像，当我将<img>包裹在<a>标记中时，图像会被移位。我假设<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>

Answer 1

确定需要修改哪些样式的最佳方法是使用类似firebug或浏览器的开发人员工具检查各个元素

尝试这个（我使用margin-left: 50px来更好地看待差异）

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

你得到这个