T086学习网 | 站长学院 | 技术文档 | 成语 | 歇后语 | 帝国时代 | 代码收藏 | IP地址查询 | 生活百科 | 生日密码 | CSS压缩 | 用户评论 | 欣欣百宝箱

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

【 来源:Amily's Blog作者:Amily 更新时间:2006-05-18 | 字体:
[导读]在DIV中图片垂直、水平居中,无须知道图片尺寸 用到参数说明:line-height: .检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离IE不是必须的;IE认为文本文字对象到图片对象没有间距,而firefox与opera则认为...

在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使用

  • 转载请注明来源:IT学习网 网址:http://www.t086.com/ 向您的朋友推荐此文章
  • 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系我们,我们会尽快予以更正。
更多
留言建议ASP探针PHP探针站长Enjoy的Blog
© 2017 T086学习网 - T086.com(原itlearner.com)
RunTime:12.54ms QueryTime:7