让图片垂直居中
来源:互联网 发布:正规网络兼职平台 编辑:程序博客网 时间:2024/04/29 23:32
在不同的编码模式下,文字的行高计算是不一样的,所以请记住选择与页面相对的编码
这个方法是利用display:table-cell在支持该属性的浏览器中,结合vertial-align:middle方法来实现图片垂直居中;
在不支持display:table-cell的浏览器(IE)中利用文字结合行高的方法来实现垂直居中;
display:table-cell这个属性会导致一些属性失效,比如margin,所以使用这种方式让图片垂直居中时,涉及到多图片并排时有可能需要将下面的XHTML结构复制到li结构中;
<div class="test_box"><img src="book.jpg" alt="" /></div>
.test_box {display:table-cell;width:500px;height:200px;vertical-align:middle;text-align:center;*float:left;*font-family:simsun;*font-size:200px;*line-height:1;border:1px solid #000000;}.test_box img {vertical-align:middle;}
1 0
- 让图片垂直居中
- 让图片垂直居中
- 让图片垂直水平居中
- 让 list-style-image 图片垂直居中
- dt里如何让图片垂直居中
- 关于让图片垂直居中的方法
- 让文本或图片在div容器中垂直居中
- 让文本或图片在div容器中垂直居中
- 如何让图片或文字垂直居中于div层
- div+css中如何让图片垂直居中显示
- CSS让图片垂直居中的几种技巧
- CSS让图片垂直居中的几种技巧
- 纯CSS如何让图片以及DIV垂直居中显示?
- CSS让图片垂直居中的几种技巧
- CSS让图片垂直居中的几种技巧
- 如何让多行文字与图片垂直居中
- div垂直居中,图片垂直居中
- DIV图片垂直居中
- 【Android 开发实例】时间管理APP开发之整体包架构分析
- 字段校验器总结
- 高效的网络爬虫- ETSpider简介
- SQLHELPER 帮助类
- Gradle 1.12 翻译——第十七章. 从 Gradle 中调用 Ant
- 让图片垂直居中
- 一步一步教你在 Android 里创建自己的账号系统(二)--同步数据以及设计账号页面
- xxx is not in the sudoers file 和 Authority XXX 不能sudo解决方法
- POJ 2533 解题报告
- POJ 2726 Holiday Hotel 一道水题
- 线性筛素数模板
- 在VS2008环境下编写C语言DLL,并在C++和C#项目下调用
- 人生歌
- 599元红米狂欢背后的冷思考