css让图片居中的方法：1、设置“”；2、设置css代码；3、给父级元素设置样式；4、给Img设置“max-width:100% max-height:100%”即可。
css/editerView/ck_htmledit_views-b5506197d8.css”/>
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
css让图片居中
css让图片居中，不管图片是方图、竖图、横图，都可以让图片在父框架下居中，即方图则占满整个父框架；横图则左右填充上下居中；竖图则左右居中上下填充
1、html如下：
@@##@@ /*这里的图片路径自己设置*/
登录后复制
2、css如下
body{background-color: gray;}#redblock{text-align: center;display: table-cell;vertical-align: middle;width:400px;height: 400px;background-color: red;}img{max-width: 100%;max-height: 100%;}
登录后复制
3、给父级元素设置样式：
立即学习“前端免费学习笔记（深入）”；
a、设定宽度和高度width、height
b、设置text-align:center vertical-align:middle
c、设置display:table-cell
4、给Img设置max-width:100% max-height:100%
5、显示的效果如下：
横图
方图
竖图
推荐学习：css视频教程
以上就是css怎样让图片居中的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2947845.html
