如何使用jqmobile使图像居中

时间:2012-02-13 12:11:18

标签: jquery html css jquery-mobile

嗨我正在使用这段代码将图像置于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 个答案:

答案 0 :(得分:5)

只需尝试margin: 0 auto而不是左边&amp;右边距。之后您就可以设置上下边距。 招呼

答案 1 :(得分:2)

尝试将diplay: block添加到您的图片中,它应该正确定位。

答案 2 :(得分:2)

这些其他答案部分正确,但为了使margin: 0 auto属性有效,我相信您还必须为元素指定width

这样的事情:

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