css布局兼容细节

不同浏览器的标签默认的外补丁和内补丁不同,margin 和padding差异问题:

解决方案:css里    *{margin:0;padding:0;}

块属性标签float后,e6中后面的一块被顶到下一行

解决方案:display:inline;将其转化为行内属性

显示溢出文本省

 text-overflow:ellipsis; white-space:nowrap overflow: hidden;

页面居中:

body{margin:0 auto;text-align:center;}

浮动IE6产生的双倍距离:

div{ float:left;width:100px;margin:0 0 0 100px;display:inline;}

去除按下态 ios

input{-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-tap-highlight-color: transparent;-webkit-appearance: none;border-radius:0;outline: none;}

去除图片间隙

img{display:block}
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

css布局兼容细节

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭