讨论了好久的问题，IE、Firefox下CSS图片垂直居中的问题

通过百度和谷歌找了好久都没找着一个合适的方法。以下是自己找出的一种方法，自认为还可以，而且，也方便简单。

IE:当容器为div,或者tr,只要把容器的Css属性line-height设置成容器的高度就行了.

当容器为a,且容器的css属性display为inline-block或者block时,除了要把容器的Css属性line-height设置成容器的高度外,还要把图片的css属性display设置成list-item;

Firefox:当把容器的css属性display设置成table-row时,css属性text-align属性生效,css属性vertical-align属性也生效，css属性不能设置成float;.

因此一个图片垂直居中的代码可以写成

.div1

{

Line-height:200px;text-align:center;

}

</style>

转载于:https://www.cnblogs.com/Frontview/archive/2009/06/06/1497767.html

讨论了好久的问题，IE、Firefox下CSS图片垂直居中的问题相关推荐

火狐浏览器设置cookie失败_IE、谷歌Cookie记录失败，火狐成功(IE和Firefox下的Cookie兼容问题)...
昨天项目迁移了测试服务器,之后奇怪的问题出现了. IE.谷歌无法登陆,火狐可以登陆. 这个项目先后部署过两个测试服务器.一台正式服务器,登陆都是正常的,这次却突然出现这种奇怪的问题,很是纠结. 通过查 ...
js中event，event.srcElement，event.target在IE和firefox下的兼容性
1.window.event对象 IE:有window.event对象 firefox:没有window.event对象.可以通过函数的参数传递event对象.例如:οnmοusedοwn=func ...
firefox下几个实用的免费开发插件
今天在看Ajax基础教程,看到书中推荐了几个不错的工具 WebDeveloper 提供了许多开发中十分有用的环境模拟工具,如禁用JavaScript,描出页面中的隐藏表单等,对于web脚本开发人员特别 ...
(转)解决在firefox下js调用as失败问题
解决在firefox下js调用as失败问题自:http://www.cnblogs.com/mfryf/archive/2012/04/17/2453024.html 问题描述:写了一个js与as的 ...
Firefox下代码触发a标签的click事件无效
通过一次导出功能是让自己如何一步一步掉坑最后又是怎么爬起来的在页面中通过document.createElement('a');创建一个a标签,然后给a标签的href属性赋url,通过代码触发a标签 ...
js IE和Firefox下event处理
如果在使用javascript的时候涉及到event处理,就需要知道event在不同的浏览器中的差异,因为javascript的事件模型有三种,它们分别是NN4.IE4+和W3C/Safari;这也造 ...
解决JS:window.close()在Firefox下的不能关闭的问题,兼容IE/Firefox/Chrome
IE6.IE7.Firefox无提示关闭窗口的代码,兼容IE/Firefox/Chrome <a href="javascript:window.opener=null;window. ...
Firefox下去掉密码自动填充
平时喜欢在Firefox下进行开发,因为它有强大的开发工具插件,比如FireBug.Temper Data.当然,Chrome.IE也有相应的开发者工具,但是自己还是比较偏爱Firefox. 言归正传 ...
如何在firefox下获取下列框选中option的text
Firefox下面没有innerText,所以我们想在firefox下获取下列框选中option的text(注意不是value)时会比较吃力.笔者结合自己在项目中的解决方案和代码总结一下,请大家指教. ...

讨论了好久的问题，IE、Firefox下CSS图片垂直居中的问题

讨论了好久的问题，IE、Firefox下CSS图片垂直居中的问题相关推荐

最新文章

热门文章