display:inline-block在ie7下的解决办法

因为li是块级标签,设置为inline-block在ie7下会触发layout,这个解决办法只适合IE7

原理:先让块元素变为内联,再使用(zoom:1 或float属性等)触发块元素layout

li{display: inline-block;*display:inline;*zoom:1;}
时间: 2024-08-02 20:08:49

display:inline-block在ie7下的解决办法的相关文章

CSS display:inline|block|inline-block差异

display:inline|block|inline-block三属性的区别和联系,block就是将元素显示为块级元素,inline就是将元素 显示为行内元素,CSS display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递.旁边的内联对象会被呈递在同一行内,允许空格. 详解CSS display:inline|block|inline-block的区别 ◆CSS display:block CSS display:block就是将元素显示为块级元素. blo

ie 和谷歌浏览器在display的边框显示不一样的解决办法

eg1: <style> .class2{displau:block; background-color:#e4f39e;width:150px;height:150px; border:10px solid green;} </style> <div class="class2">测试</div> result:        左侧是google上运行的结果      右侧是在ie上运行的结果 在eg1上,用了display:block

ie浏览器float right 向下错位解决办法

ie  360 浏览器float right 向下错位解决办法 span 当设置其float:right;时,其向下一行错位时 最佳办法:将span移到所要显示的文字前面 其次办法:在span母容器的css里添加position:relative; 在span的css里添加position:absolute;right:0px;解决. 我选择第一种,搞定! 转载http://yijianfengvip.blog.163.com/blog/static/1752734322012324442422

display:inline/block/inline-block

display:inline; 内联元素,简单来说就是在同一行显示.display:block; 块级元素,简单来说就是就是有换行,会换到第二行.display:inline-block; 就是在同一行内的块级元素. 说概念太模糊,来个真实案例吧. <a href="#" style="display:inline;width:100px;height:100px;background:#ccc;">链接一</a><a href=&qu

linux系统root密码遗忘的情况下的解决办法

机房一台centos系统的服务器,由于这台服务器的系统装了好长时间,且root密码中间更新过几次,后面去机房现场维护时,登陆密码遗忘了,悲催啊~ 没办法,只能开机进入“单用户模式”进行密码重置了. 下面记录了开机进入“单用户模式”修改密码的过程: (1)重启服务器,等到Booting CentOS界面.迅速按下enter键: (2)在GRUB界面,按下e键(其实,开机后我是一直按e键也可以到下面的界面): (3)在 root(hd0,0)界面选择第二项 kernel 项,按下e键: (4)在<R

git中进入带有空格的目录下的解决办法

比如:要进入Program Files目录下 有两种方法: 1.将Program Files目录用引号引起来. $ cd "Program Files" 2.将空格处使用空格引号 $ cd Program" "Files

ie下placeholder解决办法

! function(window, document, $, undefined) { var target, i = 0, len, tmpPh; if ('placeholder' in document.createElement('input')) return; target = $('[placeholder]'); for (len = target.length; i < len; i++) { tmpPh = target[i].getAttribute('placehold

Linux系统环境下安装dedecms(织梦)提示http500错误的解决办法

碰到一客户安装DEDE提示http500错误,问题已得到完美解决,下面我分享下 这个解决办法,希望有帮助. 故障状态:正常安装dedecms v5.7 gbk提示http500错误Dede安装环境:一个linux环境的php空间. 故障案例分析:http500错误,查询度娘的结果:1.“http 500为内部服务器错误,无法解析程序脚本”2.“http 500 错误是由于服务器运行用户多,导致服务器压力大,无法响应”3.“此错误(HTTP 500 内部服务器错误)意味着您正在访问的网站出现了服务

IE6中的常见BUG与相应的解决办法

开发前端的同学一定都知道,IE6是兼容BUG最多的浏览器,它不支持PNG alpha通道暂且不论.其文档的解析理解规范也引起了诸多恼人的BUG,有时甚至让人感到绝望.本文主要讲解一些比较容易遇到的IE6BUG,以及解决的办法. 一.IE6双倍边距bug 当页面上的元素使用float浮动时,不管是向左还是向右浮动:只要该元素带有margin像素都会使该值乘以2,例如“margin-left:10px” 在IE6中,该值就会被解析为20px.想要解决这个BUG就需要在该元素中加入display:in