jquery - jquerymobile 标题中的中心标题图像

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

将图像放在任何标题标签中，我遇到了同样的问题，这解决了它。

Answer 2

将 CSS 添加div到img.

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

Answer 3

只有这样才能完成工作：

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