web前端開發中瀏覽器兼容問題（三）

11.li中內容超過長度後以省略號顯示

此方法適用於IE與OP瀏覽器 

<style type="text/css">

li {      

width:200px;      

white-space:nowrap;      

text-overflow:ellipsis;      

-o-text-overflow:ellipsis;      

overflow: hidden;   

}   

</style>

12.爲何沒法定義1px左右高度的容器

• IE6下這個問題是由於默認的行高形成的,解決的方法也有不少,例如:overflow:hidden | zoom:0.08 | line-height:1px等。

13.怎樣使一個div垂直居中於瀏覽器中？

• 這裏咱們使用百分比絕對定位,與外補丁負值的方法,負值的大小爲其自身寬度高度除以二 。

<style type="text/css">

div {      

position:absolute;      

top:50%;      

lef:50%;      

margin:-100px 0 0 -100px;      

width:200px;      

height:200px;      

border:1px solid red;  

        }    

</style>

14.div居中問題

• div設置 margin-left, margin-right 爲 auto 時已經居中，IE 不行，IE須要設定body居中，首先在父級元素定義text-algin: center;這個的意思就是在父級元素內的內容居中。 

15.P標籤嵌套塊元素問題

p標籤嵌套div

<p>

      <div>div</div>

</p>

必定要遵照塊元素嵌套規則！