IT学习者 | 文章大全 | 技术文档 | 桌面壁纸 | 实用查询 | 网络电台 | 成语 | 歇后语 | 网址 | 下载 | 周公解梦 | 生日密码 | 电视剧365 | Flash
 您现在的位置: IT学习者 >> 文章大全 >> 网页制作 >> HTML&CSS

在DIV中图片垂直、水平居中,无须知道图片尺寸

【 作者:Amily    来源:Amily's Blog  更新时间:2006-5-18 | 字体:

在DIV中图片垂直、水平居中,无须知道图片尺寸

用到参数说明:

line-height: .
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离

IE不是必须的;IE认为文本文字对象到图片对象没有间距,而firefox与opera则认为有

兼容firefox必须,则图片边要添加  <img; 空格为文本字体对象,偷巧的一种办法与vertical-align:middle配合使用ff与op会把这些对象(包括图片)间距显示并居中显示

高度配合div高度使用



overflow:


检索或设置当对象的内容超过其指定高度及宽度时如何管理内容

hidden:不显示超过对象尺寸的内容

裁减过大的图片



margin-top: expression(( 160 - this.height ) / 2);

计算margin-top(margin-bottom)的高度

CSS行为expression控制实现,不过expression为IE独有,并且耗资源严重,尤其在大量使用的时候。

例:屏幕的居中显示 <div style="background:#f6f6f6; position:absolute; left:expression((body.clientWidth-150)/2); top:expression((body.clientHeight-150)/2);width:150px;;height:150px;"> ssssssssssssssssssssssss uhadjas<br /> </div>

补漏吧,line-height的特性



html>body div img{ vertical-align: bottom;}

html>body:子对象选择符

vertical-align:设置或检索对象内容的垂直对其方式.

FF与OP必须,配合line-height使用

相 关 文 章
相 关 软 件
没有相关下载
逃生 放生 黄玫瑰 想太多 那滋味 擦肩而过 放手去爱 北京欢迎你 依然在一起 吻得太逼真 感动天感动地 坐上火车去拉萨 怎么会狠心伤害我
心碎 冲动 小太阳 别碰我 蒲公英 千山万水 改变自己 一定要爱你 等爱的玫瑰 陷入爱里面 北极星的眼泪 最后一次的温柔 亲爱的那不是爱情
光荣 火花 坏女人 日不落 樱花草 为你写诗 独家记忆 夏天的味道 寂寞才说爱 忘不掉的伤 爱上你是个错 第三者的第三者 地球人都知道我爱你
假如 相思 是非题 有缘人 舍不得 我的答铃 死而无憾 外滩十八号 越爱越难过 123木头人 和寂寞说分手 爱上你是我的错 爱情里没有谁对谁错
加入收藏留言建议自助友情链接普通友情链接站长的Blog
版权所有   COPYRIGHT 2002-2008 ★IT学习者★ ALL RIGHTS RESERVED.