HTML-img图片水平垂直居中。
2014-06-08 18:59
323 查看
<style>
.box{ width:800px;height:800px;border:1px solid #000; text-align:center;}//水平居中
span{ display:inline-block; height:100%; vertical-align:middle;}//垂直居中
img{ vertical-align:middle;}//垂直居中
</style>
</head>
<body>
<div class="box">
<img src="xxxx.jpg" /><span></span>
</div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css html将图片img标签 水平居中 垂直居中 和水平垂直居中
- css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中，能自适应浏览器缩放。
- [HTML]Css设置img属性让图片水平居中，居左，居右
- 实现div里的img图片水平垂直居中
- HTML中CSS文本、子div、图片水平居中和垂直居中的几种方法
- img外头包着a时底部出现的一小段高度的解决方法。图片水平垂直居中用css解决的方法。
- 实现div里的img图片水平垂直居中
- HTML/CSS：图片居中(水平居中和垂直居中)
- 图片水平垂直居中
- 伪元素实现图片水平垂直居中
- 经常用的图片在容器中的水平垂直居中实例
- 单张图片水平垂直居中
- 块级元素（导航，图片，层）的水平和垂直居中
- 转载未知大小的图片在一个已知大小容器中的水平和垂直居中（二）
- 我有个DIV层，里面放一张图片，我如何让这张图片水平和垂直方向都居中呢？？？
- 纯css完美地解决图片在div内垂直水平居中，兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
- 使图片水平并垂直居中的一个Hack
- 大小不固定的图片、多行文字的水平垂直居中
- 纯css实现小图片在大容器内水平垂直居中resize
- 使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。