Как отцентрировать изображение с помощью jqmobile - PullRequest
Новая
       1

Как отцентрировать изображение с помощью jqmobile

4 голосов
/ 13 февраля 2012

Привет! Я использую этот фрагмент кода для центрирования изображения в jquery mobile, оно центрирует изображение в симуляторе iphone, но когда я проверяю его на iphone, оно точно не центрируется (центрируется, но не точно), но стремится влево . 

<div data-role="content" data-theme="a">

   <div id="logo_image">
       <img src="images/logo.png"  alt="Image Header" >
   </div>

</div>

и CSS 

#logo_image {
  text-align: center;
  margin-left:0 auto;
  margin-right:0 auto;
}

Заранее спасибо ...

Ответы [ 3 ]

5 голосов
/ 13 февраля 2012

просто попробуйте margin: 0 auto вместо левого и правого поля. впоследствии вы сможете установить верхнее и нижнее поле. приветствует

2 голосов
/ 13 февраля 2012

Эти другие ответы частично верны, но для того, чтобы свойства margin: 0 auto работали, я полагаю, что вы также должны указать width для вашего элемента.

Примерно так: 

#logo_image {
  text-align: center;
  margin-left:0 auto;
  margin-right:0 auto;
  width: 80%; 
}
2 голосов
/ 13 февраля 2012

Попробуйте добавить diplay: block к вашему изображению, оно должно располагаться правильно.

...