百葉博客

有花堪折直须折,莫待无花空折枝 - 为Web的成长献出一份自己的力量,鉴定着Web时代从新至盛!

« kingCMS 5.0+友情链接的调用方法09年四月份google PR值更新经历 »

Div容器内图片和文字垂直居中

[ 2009-3-31 ]
Div容器内图文混排方法
有些朋友在做网站导航下面的横幅细条滚动公告的时候,插入的图片总是无法和滚动的字符垂直居中.
也就是Div容器内图片和文字垂直居中.
这个方法平常对于表单/按钮无法和文字垂直居中是一个道理.
如图:

其实这是因为元素定位的默认值问题.
这里的我的代码是:[code=html]
Div容器内图片和文字垂直居中Div容器内图片和文字垂直居中Div容器内图片和文字垂直居中Div容器内图片和文字垂直居中
[/code]

解决方法是设置img元素的浮动属性即可
也就是css
#gg img{float:left}
结果如图:


这个时候我们只需要微调marquee就可以解决实质问题.
例如给marquee加个行高即可.代码如下
#gg marquee{line-height:23px;}

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

本博客所有文章均采用创作共用版权,欢迎交流.

2008-2010 Copyright web222.com 鄂ICP备09005282号