inline block在IE8,9的間隙問題

2021-06-22 13:00:56 字數 531 閱讀 4232

今天嘗試製作tab效果時候,發現在ie8,9下,有個性的inline-block的元素在內容為空,或者內容是block的情況下,與下方block元素有間隙!在查詢相關例子並實踐發現,處理這種情況的解決方案是:設定inline-block的父元素font-size為零,然後再設定inline-block的字型大小。

現象截圖:

解決**:

tab1

tab2

tab3

效果截圖:

這篇文章是為了個人能更好的理解、記憶此類問題,並希望對你有所幫助。

在這裡,我使用inline-block的原因是為了解決tab標籤的邊框重複問題,可能你有更好的解決方案,歡迎賜教。

weibo : 

eWebEditor在ie8下上傳失效

1 找到ewebeditor編輯器所在的目錄,然後搜尋到editor.js檔案,由於ewebeditor有很多個版本,所以editor.js檔案所在的目錄也有所不同,有的可能在include目錄下,有的可能在js目錄下。2 用記事本開啟editor.js檔案,找到如下 if element.yuse...

實戰除錯IE8

乙個瀏覽器相容性bug所想到的文中提到了ie8有些特殊的地方,對於開發人員來說,最大的問題是無法除錯。關於ie8的更多資訊,參見ie 8 不得不說的七件事 針對ie8這個例子,我們可以考慮使用windows為應用程式提供的特殊除錯能力,系統自動除錯設定,配置如下 1 在登錄檔hkey local m...

處理ie8相容

1.ie8換成edge模式渲染 x ua compatible content ie edge 2.x ua compatible是針對ie8新加的乙個設定,對於ie8之外的瀏覽器是不識別的,這個區別與content ie 7 在無論頁面是否包含指令,都像是使用了 windows internet ...