CSS中各版本瀏覽器兼容總結

2013/6/4 19:54:001631 閱讀

div的垂直居中問題
vertical-align:middle;
將行距增加到和整個DIV一樣高 line-height:200px;
然后插入文字，就垂直居中了。缺點是要控制內容不要換行。
margin加倍的問題
設置為float的div在ie下設置的margin會加倍。這是一個ie6都存在的bug。
解決方案是在這個div里面加上display:inline;
例如：
<#div id=”imfloat”>
相應的css為
#IamFloat
{
float:left; margin:5px;/*IE下理解為10px*/
display:inline;/*IE下再理解為5px*/
}
DIV浮動IE文本產生3象素的bug
左邊對象浮動，右邊采用外補丁的左邊距來定位，右邊對象內的文本會離左邊有3px的間距.
#box{ float:left; width:800px;}
#left{ float:left; width:50%;}
#right{ width:50%;}
*html #left{ margin-right:-3px; //這句是關鍵}

?

萬能float 閉合
將以下代碼加入CSS 中,給需要閉合的div加上 class="clearfix" 即可,屢試不爽.
/* Clear Fix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */

LI中內容超過長度后以省略號顯示的方法?
此方法適用與IE與OP瀏覽器?

下一條：win8系統iis不能連接access解決辦法

上一條：定義影片剪輯居中于場景