css浏览器兼容性等笔记[长期更新]

1，很多时候如果不在html页面顶部添加dtd，就会出现很多奇怪的问题，典型的是IE中的文字和内容无法居中，具体dtd详解请参见：http://www.w3school.com.cn/tags/tag_doctype.asp

2，IE中margin浮动产生双倍距离：此时使用display:inline

3，IE中字体可无限小，但chrome最小为12px，所以为了兼容，最好字体大于等于12px

4，IE中没有min-width，有时候为了使容器的大小固定，可以同时设置3个属性，width,min-width,max-width相等

5，文字换行，一般可word-wrap:break-word;word-break:break-all;white-space:normal;overflow:hidden;

6，input的高宽被改变后，其中的内容在IE下会紧靠左上角，此时可以设置line-height, text-align属性来进行调整，实在不行，还可以使用padding来调整

7，如果使用了float属性，一般在一行结束另起一行时，需要使用clear:both；

8，css在IE6,7下正常，在IE8下不正常，可使用<meta http-equiv="x-ua-compatible" content="ie=7" />来保持兼容性

9，去除li的自带样式，使用list-style:none

10，一般在css文件头定义body{padding: 0;margin:0;}结合text-align来处理文本居中问题

11，固定列数但不固定行数的表格，用div进行自适应时，有可能在一个浏览器下每行显示4个，到另外一个浏览器就显示3或5个，这时可使用width:178px;width:170px!important;min-width:170px;max-width:178px;这样的手法来兼容，不要加display:inline

。。。