css div img 垂直居中对齐!
2014-10-27 22:01
447 查看
<style> .picbiglist{ width:232px; float:left;} .piclist{width:229px;height:220px;margin:10px;;border:1px solid #dcdcdc;text-align: center; float:left; border-radius: 4px; padding:2px;} .piclist img{vertical-align:middle;max-height: 218px;max-width: 218px; } .piclist span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; } .p_c{ width:232px; float:left; text-align:center;} </style>
<pre name="code" class="html"> <div class="picbiglist"> <div class="piclist" style="width:218px;height:220px;margin:0 auto;text-align: center;"><a href="/" target="_blank" title="/"><img src="./uploads/{qf:$honorlist[foo].img}" alt="{qf:$honorlist[foo].title}" / style="vertical-align:middle;max-width: 214px; max-height:170px;display: !important;"></a> <span style="height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;"></span> </div> <br /> <div class="p_c"><a href="./uploads/{qf:$honorlist[foo].img}" target="_blank">{qf:$honorlist[foo].title}</a></div> </div> {qf:/section}
相关文章推荐
- css div img 垂直居中对齐!
- JS+CSS设置img在DIV中只显示Img垂直居中的部分
- JS+CSS设置img在DIV中只显示Img垂直居中的部分
- html css div img垂直居中
- 外部一个div固定宽高,内部img也固定宽高,怎么让img在外部div中垂直居中对齐
- Css控制div水平垂直居中显示
- 使用CSS实现div的水平和垂直居中
- div+css文字水平垂直居中
- CSS在页面布局中实现div垂直居中的方法总结(转)
- Html+Css_div中的垂直居中布局
- CSS解决未知高度的DIV垂直居中
- CSS div水平垂直居中和div置于底部
- html中div使用CSS实现水平/垂直居中的多种方式
- DIV+CSS如何让文字垂直居中
- CSS实现图片水平垂直居中于DIV
- CSS文本和div垂直居中方法总结
- CSS教程:div垂直居中的N种方法[转]
- CSS实现DIV水平居中和上下垂直居中
- css html将图片img标签 水平居中 垂直居中 和水平垂直居中
- CSS教程之div垂直居中的多种方法