嗨我正在使用这段代码将图像置于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;
}
提前致谢...
答案 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%;
}