2013-05-16 2 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

를 사용하여 다음 코드를 사용 할 수있는 당신을 왼쪽으로 정렬을위한 클래스에 내장 ▽를-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> 
관련 문제