当前位置: 代码迷 >> HTML/CSS >> 图片float后怎么在DIV中垂直居中
  详细解决方案

图片float后怎么在DIV中垂直居中

热度:117   发布时间:2012-10-11 10:16:10.0
图片float后怎样在DIV中垂直居中?
请教大家个CSS问题:

一个DIV,宽度为980px, 高度为140px(对高度的要求是,不能被CSS样式撑大,通常比“下文中的提到的往左漂的图片”高5-10PX或者相等,但不能高太多。因此高度可以根据您选用的测试用的图片来决定。)

DIV中有2张图片,一张往左漂,一张往右漂。

希望这2张图片在这个DIV中是垂直居中的。

请问CSS要怎样写呢。

要求是兼容IE678 FF CHROME(OPERA SAFARI)

试了好久,仍然没有实现。

http://www.baidu.com/img/baidu_sylogo1.gif

可以用百度的这个图片做测试。


BTW:这个其实是要放在网站的主导航的上面,一个LOGO,一个右边的banner。

辛苦了,非常感谢!

------解决方案--------------------
给个你网站看一下~
http://www.zhangxinxu.com/study/200908/img-text-vertical-align.html

------解决方案--------------------
你要的答案,已经亲自测试,图片垂直居中了。
http://www.eeeey.net/Detail.aspx?ID=58694&Gid=102
------解决方案--------------------
估计要用到脚本计算吧 这些东西都好难控制呀~~
------解决方案--------------------
看看这篇文章 应该对你有帮助
http://xxling.com/blog/article/52.aspx
------解决方案--------------------
div的 style:'text-align:center'
  相关解决方案