Div+css 图片垂直居中
2008-05-29 16:19
323 查看
<style>
.Img{ display: block; *display: inline-block; margin: auto; vertical-align: middle;}
.Edge{ display: none; *display: inline-block; width: 0px; height: 100%; margin-top: -1px; position: relative; margin-right: -1px; vertical-align: middle; overflow: hidden; text-decoration: none;}
</style>
<div style="height:250px; width:350px; background: #D9ECFF; border: solid 1px #0079F2">
<a href="http://feng_sundy.photo.163.com" target="_blank"><img src="http://img63.photo.163.com/feng_sundy/7741171/__scale__1_167928364.jpg" border="0" alt="" class="Img"/></a>
<span class="Edge"></span>
</div>
提示:您可以先修改部分代码再运行
.Img{ display: block; *display: inline-block; margin: auto; vertical-align: middle;}
.Edge{ display: none; *display: inline-block; width: 0px; height: 100%; margin-top: -1px; position: relative; margin-right: -1px; vertical-align: middle; overflow: hidden; text-decoration: none;}
</style>
<div style="height:250px; width:350px; background: #D9ECFF; border: solid 1px #0079F2">
<a href="http://feng_sundy.photo.163.com" target="_blank"><img src="http://img63.photo.163.com/feng_sundy/7741171/__scale__1_167928364.jpg" border="0" alt="" class="Img"/></a>
<span class="Edge"></span>
</div>
提示:您可以先修改部分代码再运行
相关文章推荐
- CSS设置 使div中的图片垂直上下居中
- 纯CSS实现图片水平垂直居中于DIV(图片未知宽高)
- CSS-布局【1】-图片在div中垂直居中
- div+css中如何让图片垂直居中显示
- 纯CSS实现图片水平垂直居中于DIV(图片未知宽高)
- CSS Div图片垂直居中的方法
- css实现图片在div中水平和垂直居中(但图片宽高要小于div宽高)
- Div垂直居中及容器内图片垂直居中的CSS解决方法
- CSS布局:设置图片在DIV中上下左右居中(水平和垂直都居中)
- div+css解决图片垂直居中问题
- div图片水平垂直居中不随滚动条滚动的CSS代码(兼容IE8+)
- 纯CSS如何让图片以及DIV垂直居中显示?
- 图片在div中垂直居中的css
- CSS实现图片水平垂直居中于DIV
- Div+CSS图片垂直居中
- CSS 图片在DIV中垂直居中的方法
- CSS图片在DIV中水平垂直居中
- 纯CSS实现图片水平垂直居中于DIV(图片未知宽高)
- 用css实现图片在div内的垂直居中
- 纯css实现未知尺寸图片在DIV中垂直水平居中(超简单)