css 常用代码
2015-09-30 15:33
676 查看
让各种尺寸图片在div居中
css代码
htm代码
<div class="pro_img"><a href="#" ><img src="123.jpg" ></a></div>
css代码
.pro_img{ width:134px; overflow:hidden; height:250px;display: table;position: relative;text-align: center; background:#eee;} .pro_img a{display: table-cell;vertical-align: middle;} .pro_img a img{vertical-align: middle;max-width:130px; max-height:246px;}
htm代码
<div class="pro_img"><a href="#" ><img src="123.jpg" ></a></div>
相关文章推荐
- CSS3 display:flex和display:box有什么区别
- CSS禁止文字选中
- 简单自动补全(js+css)
- week5 10月10日---表单(二)、CSS
- OpenStack form详解(field、样式与action)
- 让浏览器不加载缓存CSS和JS的方法
- CSS立体标签实现
- css圆形图片处理示例(方形图片变圆形图片)
- js、css、img等浏览器缓存问题的2种解决方案
- css设置层级显示
- 如何给telerik的控件应用样式Theming
- css a标签去掉下划线样式
- CSS3兼容IE
- 一个相当不常见的css样式,css的Content属性
- 学习CSS(页面布局篇)
- CSS 的4中定位方式
- 样式浅谈2
- 求助 WPF ListViewItem样式问题
- 使用字符串(STRINGS)设置样式
- css学习