CSS 图片在DIV中垂直居中的方法
2016-10-14 00:00
169 查看
摘要: 当图片的高度和宽度不确定的时候同样适用
HTML源码:
CSS源码(示例):
HTML源码:
<div class="top"><span></span><img src="img/1.jpg" alt=""></div>
CSS源码(示例):
.top span{ height: 100%; display: inline-block; vertical-align: middle; } .top img { height: auto; width: 100%; vertical-align: middle; }
相关文章推荐
- Div垂直居中及容器内图片垂直居中的CSS解决方法
- CSS 图片在DIV中垂直居中的显示方法
- CSS Div图片垂直居中的方法
- Div垂直居中及容器内图片垂直居中的CSS解决方法
- CSS图片垂直居中方法整理集合
- CSS教程:div垂直居中的N种方法[转]
- Div+css 图片垂直居中
- CSS网页布局DIV垂直居中的各种方法
- CSS教程:div垂直居中的N种方法
- CSS图片垂直居中方法整理集合 !
- CSS教程:div垂直居中的N种方法
- 用CSS让img input select button 图片,文本框,下拉菜单,按扭垂直居中的方法
- Div图片垂直居中的方法
- css实现div内图片的垂直、水平居中
- CSS教程:div垂直居中的N种方法
- 使用CSS让DIV水平垂直居中的方法。
- (转)垂直居中及容器内图片垂直居中的CSS解决方法
- CSS实现图片垂直(纵向)居中方法
- CSS+DIV 完美实现垂直居中的方法
- CSS未知尺寸的图片在容器中垂直居中的方法