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.(中文注释导致的问题。)最好在/之前加上三个**的形式。