div+css解决图片垂直居中问题
来源:互联网 发布:多普达t5399软件 编辑:程序博客网 时间:2024/05/19 02:45
网上有很多解决图片垂直居中的方法 css hack或者js 前者我发现对于ul li的布局结构没发使li之间有间距 后者还存在js冲突的问题[我js比较差 不知道怎么解决js冲突问题 嘿嘿]
最终还是发现下面的方法比较简单可行 幸运的是兼容ie6789 火狐 谷歌[ie10没测试过] 感谢分享者
通过添加一无语义图片来解决图片垂直居中CSS,兼容各种IE6,IE7,火狐,谷歌等浏览器。
<style>.itm { border: 2px solid #ccc; width: 160px; height: 160px; text-align: center; }.blank {width:0;height:160px;}.itm img {vertical-align:middle;}</style><div class="itm"><img src="http://cn.yimg.com/i/comn/blank.gif" class="blank" /><a href=""><img src="http://cn.yimg.com/bookmark/yisou/mp3/m060616.jpg"/></a></div>
blank.gif是一张透明图片
转载地址:http://www.51xuediannao.com/html+css/htmlcssjq/103.html
- div+css解决图片垂直居中问题
- CSS解决DIV垂直居中的问题
- Div+css 图片垂直居中
- DIV CSS 图片垂直居中
- Div+CSS图片垂直居中
- 解决CSS图片垂直居中
- css+div 图片文字垂直居中问题 (转)
- CSS Div图片垂直居中的方法
- CSS+DIV调整图片样式垂直居中
- css div垂直居中
- CSS div垂直居中
- css垂直居中--div
- css div垂直居中
- css:div垂直居中
- div和图片垂直居中问题
- DIV图片垂直居中
- DIV图片垂直居中
- CSS 图片+文字,文字垂直居中问题
- mapreduce调试查询System.out的结果
- J2EE Exception:WELD-001408 Unsatisfied dependencies for type [SelectModelFactory] with qualifiers [@
- [go]基于协程的并发ping(2)
- 巧用WINRAR和DOS命令处理压缩数据
- 将手绘地图或自制地图显示在网页上(利用百度API)
- div+css解决图片垂直居中问题
- title && tile
- 34个SEO问题解答from百度站长俱乐部Lee
- apache http client
- Grid View
- s3c2440启动文件start.s分析
- Migrate Module Usage
- android下图片压缩
- 【小东西】