3月28日虚拟运营商ued前端小组的分享总结

3月28号分享的小伙伴们: @雷锋很忙灬@灰客的微博

1. 在一行图文混排的文本里面图片添加 vertical-align: middle; 可以使得文本垂直居中显示
文本的垂直居中

2.ie6下面一些兼容性问题的处理
一:误区:IE6不兼容display:inline-block。实例:IE-ib.html。
看出:ie并非不是不兼容inline-block只是做的不完整,在块状元素中的不兼容。
同样的例子是!important在IE6中也是能够识别的,只是必须放在单独的一个{}块中。
二:display:inline-block的问题和兼容。
[1:]float的双边距的问题。
[2:]display:inline-block在IE 7以及以下 的浏览器不识别。兼容css为:{*display:inline;zoom:1}或者
div{display:inline-block;….}
div{display:inline;}
[3:]display:inline-block的时候出现4像素的空隙问题。解决方案{
1.在ul的元素上面加上:[font-size: 0;letter-spacing: -4px;word-spacing: -4px;//兼容safari]
2.在li的元素上面加上:[font-size: 16px;letter-spacing: normal;word-spacing: normal;]
}
三:display:inline-block的实例:iblock.html
达到”show.jpg的效果”
[1:]min-height:在IE6下面的解决兼容方法
给块元素设置
zoom: 1;
*display: inline;
然后min-height就会生效
[2:]IE6下面注释的BUG.(中文注释导致的问题。)最好在*/之前加上三个***的形式。

关于 RainZhai

玩的么wande.me,web development machine博主,rain css前端框架作者,blogger,html5游戏爱好者
此条目发表在 CSS & HTML 分类目录,贴了 , , , 标签。将固定链接加入收藏夹。

文章评论 Comments

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>