jquery-mobile - 如何对齐标题中左侧的图像

Question

我正在设计一个 jQuery Mobile 网站，我想要一个图像作为标题，但是当我插入图像时，图像居中对齐并被切断。如何将图像设置为左对齐以显示所有内容？

我的编码：

<div data-role="header">
        <br/>
        <br/>
        <br/>
        <h1><img src="/images/HomePage.jpg" width="202" height="104" style=" overflow:visible; float:left" align="left"/></h1>
    </div>

请帮我！:)

Answer 1

使用以下代码，使用 ui-btn-icon-left 内置类进行左对齐，您可以调整填充和边距。

<div data-role="header" data-theme="b">
            <br/>
            <br/>
            <br/>
           <img src="images/logo.png" width="202" height="104" class="ui-btn-icon-left" />
        </div>

Answer 2

为什么不向div带有背景图像的类添加一个类。

像这样...

HTML

<div data-role="header" class="header"></div>

CSS

.header {
  background-image:url("../images/HomePage.jpg");
}