首页
位置:首页>新闻动态 > 建站指南 >

纯css图片垂直居中解决方案

北京巨优网络是专业的网页前端技术领域开发和服务商,通过多年的发展,现在已经提供了专业的网页标准型网站建设,以及网页标准检测服务,网站美化网站推广网站托管等网络服务。是北京地区卓越的网站建设服务商,和网络传播媒体。详情请进入网站:http://www.juoou.com

以及专业的手机网站建设服务,手机版本网站预览地址:http://juoou.com/wap

图片垂直居中终极解决方案。兼容ie6+,firefox,其他主流浏览器。简单有效。代码:

margin-top:expression(22-this.height/2); /*图片外围元素高度的一半减去图片高度的一半*/

纯css图片垂直居中解决方案

CSS行为属性expression

CSS中使用expression有ie才能识别。IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和 Javascript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript 表达式,CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。

上一篇:css清除浮动解决方案

下一篇:WEB前端CSS实现垂直居中的5种方法大集合