本站为一个技术型PHP个人门户站,提供一些代码,技术文章、免费空间消息信息、让学习编程更轻松和不要钱买空间更方便-PHP小戴
你当前的位置:首页>>网友投稿
小戴个人门户站导航 PHP小戴个人门户站 关于站长web个人门户站 设计服务-网络公司,建设网站,企业logo设计,包装设计,网站设计,整站程序开发 联系站长-小戴个人门户站
  • 技术文章排行榜
文章数据加载中...
  • 免费空间排行榜
空间数据加载中...

css如何让图片垂直水平居中

  • 我们在排版的时候想让DIV中的图片垂直、水平居中,但又不知道图片大小.该怎么解决呢下面的方法可以解决
    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;“> 让图片垂直水平居中〈/div〉

        补漏吧,line-height的特性

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

        html〉body:子对象选择符

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

        FF与OP必须,配合line-height使用。
     
    应该满详细的吧..谢谢,多支持小站

  • [时间:2009-01-06 20:06:34][点击:]

  • 上下篇文章加载中...
返回首页 | 关于站长 | 联系站长| 设计服务 | 建站资源 | 技术文章 | 娱乐中心 | 免费空间 | 友情链接 | 留言蜚语 | 网站地图| 网友投稿|RSS订阅 
QQ:277728291 联系方式:15824537062 mail:27772821@163.com
版权所有 2008-2018 PHP小戴个人门户站-编程技术和空间和文章共享-www.phpxd.com Copyright 2008 phpxd.com