css 行級元素在多瀏覽器下的寬度問題 與解決方法

2022-09-25 14:27:09 字數 400 閱讀 4111

結果如下:

ff3:

ie6(使用ie tester):

ie7:

safari4:

看來還是使用&-n-的相容性最好。

mt-inline-block的內容:

複製**

**如下

html>body .mt-inline-block.mt-inline-程式設計客棧block* html .mt-inline-block*:first-child+html .mt-inline-block

從結果中還能看出外層容器和行框之前的間距不同的瀏覽器是不同的,ie6:0, ie7: 2px, 其它:1px,在某些情況下可能有問題,這裡暫不討論。

本文標題: css 行級元素在多瀏覽器下的寬度問題 與解決方法

本文位址:

css盒子在不同瀏覽器下的差異

標準盒子模型 盒子模型的氛圍包括四個部分 margin,border,padding,content 標準盒子模型的content不包括其他內容,只有width跟height部分 content height width border size預設值為content box,表示標準盒子模型 ie盒...

相容多瀏覽器的CSS背景透明

在css中有乙個alpha濾鏡,這個濾鏡可以設定目標元素的透明度。還可以通過指定座標,從而實現各種不通範圍的透明度。具體語法如下 引用內容 具體引數 opacity 透明度。預設的範圍是從0 到 100,他們其實是百分比的形式。也就是說,0代表完全透明,100代表完全不透明。finishopacit...

offsetHeight在不同的瀏覽器下取值不同

今天在調js的時候,發現firefox和ie在取document.body.offsetheight的值的時候結果不一樣。上網查了一下,發現如下結果 這四種瀏覽器分別為ie internet explorer ns netscape opera ff firefox clientheight 大家對...