文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用jqmobile将图像居中

问如何使用jqmobile将图像居中
EN

Stack Overflow用户

提问于 2012-02-13 20:11:18

回答 3查看 13K关注 0票数 4

您好，我正在使用这段代码在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;
}

先谢谢你...

css

jquery-mobile

jquery

html

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-02-13 20:24:31

只需尝试margin: 0 auto而不是left & right margin。之后，您可以设置上边距和下边距。问候

票数 5

Stack Overflow用户

发布于 2012-02-13 20:28:06

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

票数 2

Stack Overflow用户

发布于 2012-02-13 21:54:39

这些其他答案部分正确，但是为了让margin: 0 auto属性工作，我相信您还必须为元素指定一个width。

如下所示：

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9260307

复制

相似问题

问如何使用jqmobile将图像居中
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jqmobile将图像居中EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jqmobile将图像居中
EN