jquerymobile header中的中心header图像

Question

我的页眉是左对齐的，即使我想让它居中。下面是我的代码：

<div data-role="page" id="first">
    <div data-role="header">
        <div >
            <img style="margin:0 auto;margin-left:auto;margin-right:auto;align:center;"  onclick='doAction("showStoreLocatorMap()")' src="images/main_header.png" alt="main logo" vspace="2"/>
        </div>
    </div><!-- /header -->

    <div data-role="content" id="firstPageContent"> 
    </div><!-- /content -->
</div><!-- /page -->

Answer 1

只有这样才能做到这一点：

<div align="center">
     <img  onclick='doAction("showStoreLocatorMap()")' src="images/main_header.png" alt="main logo" vspace="2"/>
</div>

Answer 2

把图像放在任何头标记中，我也有同样的问题，这解决了它。

Answer 3

将CSS添加到img的外部div。

<div style="margin-left: auto; margin-right: auto;">
    <img onclick='doAction("showStoreLocatorMap()")' src="images/main_header.png" alt="main logo" vspace="2"/>
</div>