<style type="text/css">
.miao{width:170px;height:100px;display:table;text-align:center;border:solid 1px red;}
.miao span{display:table-cell;vertical-align:middle;border:solid 1px blue;}
.miao span img{border:dashed 1px green;}
</style>
<style type="text/css">
.miao{position:relative;overflow:hidden;}
.miao span{position:absolute;left:50%;top:50%;}
.miao span img{position:relative;left:-50%;top:-50%;}
</style>
<div class="miao" style="width:500px;height:220px;">
<span><img src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" alt="Google" /></span>
</div>
分享到:
相关推荐
DIV+CSS水平 垂直居中.docDIV+CSS水平垂直居中
DIV+CSS 图片垂直居中效果
div+css文本水平垂直居中,兼容ie、谷歌等浏览器
css图片垂直居中,分IE,与非IE进行,很详细的
NULL 博文链接:https://zhouyao.iteye.com/blog/417432
div框水平垂直居中跟内容垂直居中
NULL 博文链接:https://javapub.iteye.com/blog/709361
10 三、实现结构与表现分离 11 第六节 div+css的兼容性问题 11 一、div的垂直居中问题 11 二、margin加倍的问题 11 三、浮动ie产生的双倍距离 11 四、IE与宽度和高度的问题 11 五、页面的最小宽度 12 六、DIV浮动IE...
div+css布局限制图片最大宽度图片水平垂直居中兼容IE6
全屏垂直居中的一个办法 DIV+CSS , 这个方面有一点不好, 就是不能自动适应,必须把高和宽写死!
CSS解决未知高度的DIV垂直居中CSS解决未知高度的DIV垂直居中
6.3.3 已知容器的大小而未知内容大小的水平和垂直居中问题 6.3.4 容器的大小和内容大小均未知的水平和垂直居中 6.3.5 修饰图片的水平和垂直居中 6.4 字体的综合属性 6.4.1 字体的选择 6.4.2 字体的大小 6.4.3 字体的...
利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握的八个CSS布局技巧 用css实现链接经过时显示浮动图片背景的效果 自适应大小的CSS圆角盒子 div+css实现Firefox和IE6兼容的垂直居中...
在DIV中图片垂直/水平居中(最简单方法)
NULL 博文链接:https://highfly-s.iteye.com/blog/1878910
div中多行文字垂直居中
主要介绍了使用css实现div垂直居中的示例,需要的朋友可以参考下
对于页面上的块级元素,只须定宽及设置margin:auto 0;即可在垂直上居中,但对于浮动的元素垂直居中是无效的。那么我们如何来处理这个问题呢,今天我们来探讨下。