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

为什么不使用background-image向div添加一个类。

喜欢这个......

HTML

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

CSS

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

Answer 2

使用以下代码，使用类中的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>

如何对齐标题中剩余的图像

2 个答案: