web前端開發中瀏覽器相容問題(三)

2021-07-25 02:24:29 字數 573 閱讀 9967

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

此方法適用於ie與op瀏覽器

12.為什麼無法定義1px左右高度的容器

• ie6下這個問題是因為預設的行高造成的,解決的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px等。

13.怎樣使乙個div垂直居中於瀏覽器中?

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

14.div居中問題

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

15.p標籤巢狀塊元素問題

p標籤巢狀div

div

一定要遵守塊元素巢狀規則!

Web前端瀏覽器相容問題

問題1 塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比 設定的大 問題描述 塊狀元素被新增float屬性後,在ie6顯示橫行margin值加倍。解決方法 在float的標籤樣式控制中加入 display inline 將其轉化為行內屬 性。問題2 設定較小高度標籤 ...

web前端瀏覽器相容問題

css中設定萬用字元 標籤設定overflow hidden 或者設定line height的值小於設定值。使用float img布局 opacity 0.5 filter alpha opacity 50 filter progid dximagetransform.microsoft.alpha...

web前端開發中瀏覽器相容問題(二)

6.div浮動ie文字產生3px的問題 左邊物件浮動,右邊採用外補丁的左邊距來定位,右邊物件內的文字會離左邊有3px的間距.box left right html left 顯示區別 7.高度不適應問題 高度不適應是當內層物件的高度發生變化時,外層高度不能自動進行調節,特別是當內層物件使用了marg...