2013-05-16 145 views
0

我正在設計一個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> 

請幫幫我! :)

回答

0

爲什麼不添加一個類到帶有背景圖片的div

就像這個...

HTML

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

CSS

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

使用下面的代碼,使用ui-BTN-圖標左建類對準左邊你可以調整填充和邊距。

<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>