jquery mobile中图片居中显示

原创 郭兴旺 随笔 学习笔记 1319阅读 2016-12-22 09:14:01 举报

最近在做一个移动App的项目,在项目中需要实现如下效果:

jquerymobile中图片居中显示
考虑实现头像(图片居中显示),尝试margin:0 auto方式无果后,采用如下方式:

jquerymobile中图片居中显示
即将图片的外层元素a(如果不考虑链接,直接img也行)绝对定位,left偏移50%(父层元素相对定位),然后使用margin-left:-40px(图片尺寸宽度的一半)拉回。可实现该效果。

评论 ( 5 )
最新评论
13110752807 2016-12-23 15:06:19 5F

哦,你是说那个圆的要居中是吗? 父元素 text-align:center ,上下用padding 圆形改成:display:inline-block

13110752807 2016-12-23 15:04:11 4F

直接用背景图啊 , background-size:cover; background-position:center center;

18323947911 2F 2016-12-22 16:31:53 3F

哦,width 和height也要设置,在项目中我用过,效果可以的html 代码

郭兴旺 1F 2016-12-22 16:21:25 2F

我试了 不行的啊

18323947911 2016-12-22 10:16:49 1F

把图片设置img{display:block;margin:0 auto}就可以了。