频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
图片居中之vertical-align:middle;和定位两种方法
2018-08-22 10:46:49           
收藏   我要投稿

图片居中(vertical-align: middle;和定位两种方法)

1.html

2.效果

\

3.几点说明

(1)相当于给图片的直接父集添加text-align: center;display: table-cell;同时给img图片添加vertical-align: middle;(此时的图片是inline-block);

(2)如果此法不适用,也可同过position的方法实现(left:50%;margin-left:-imgwidth/2)即可

点击复制链接 与好友分享!回本站首页
上一篇:需要Object.defineProperty()注意点解析
下一篇:CmakeLists.txt和makefiles的关系及原理解析
相关文章
图文推荐
文章
推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站