解决img在div中居中的问题
发布时间：2016-09-26 11:01:19 作者：佚名 
我要评论
我要评论下面小编就为大家带来一篇解决img在div中居中的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Img是内联元素，要设置其margin属性使其居中，就要将其转换为块元素display:block;然后利用margin:0 auto;实现图片的水平居中；（有的设计师为图片再加个div标签，然后通过div标签的margin实现居中）。
如果图片在div中下的span属性中，必须转换成display：block；然后padding-top:10px。
以上就是小编为大家带来的解决img在div中居中的问题的全部内容了，希望对大家有所帮助，多多支持脚本之家~
相关文章
- 下面小编就为大家带来一篇关于div中img,span垂直居中的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-26
这是一款html5实现适用于手机端的div图片放大预览效果源码，共有4种不同的图片放大预览模式可供用户选择使用。可分别针对鼠标滑过、拖拽、点击等进行图片放大显示2016-09-21- 本文给大家带来一段代码基于div+css实现三角形提示框，代码简单易懂，需要的朋友可以参考下2016-09-20
- 这篇文章给大家介绍了div被iframe遮住的一些情况，以及被遮住后的解决办法，有需要的朋友们可以参考借鉴。2016-09-07
- 本文给大家带来一段核心代码关于div点击折叠效果，代码简单易懂，有需要的朋友可以参考下2016-08-31
- 在页面底部浮动功能是如何实现的呢？下面小编给大家带来div始终浮动在页面底部的关键代码，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-08-30
- 下面小编就为大家带来一篇设置一个DIV块固定在屏幕中央的两种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-25
- 这篇文章主要为大家详细介绍了兼容IE浏览器CSS设置DIV垂直居中的N种方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-05
- 这篇文章主要介绍了CSS文本和div垂直居中方法总结，包括多行文本垂直居中,单行文本垂直居中,子div垂直居中，感兴趣的小伙伴们可以参考一下2016-07-04
- 本文给大家带来了CSS控制DIV层显示和隐藏的方法，是前端学习必须要掌握的基础知识，非常不错，具有参考借鉴价值，感兴趣的小伙伴一起学习吧2016-07-01
最新评论