備忘,div之間縫隙問題

2021-05-27 20:31:42 字數 649 閱讀 1241

這兩天在psd to div+css的過程中,發現ie系的瀏覽器有乙個比較奇怪的問題,上下兩個相鄰的div之中存在3px的縫隙,具體的描述如下:

下面的div:使用的是背景,縱軸重複

具體如圖所示:

經過google之後,找到的解決辦法是,找到上面的div中的**所在位置,為其設定屬性style="display:block",問題解決。

display:block  意思是:讓物件成為塊級元素(比如a,span等)。

一般的塊級元素諸如段落、標題...、列表、**、表單、div和body等元素。而內聯元素則如: 表單元素、超級鏈結、影象

塊級無素的顯著特點是:每個塊級元素都是從乙個新行開始顯示,而且其後的無素也需另起一行進行顯示。

《css權威指南》中文字顯示:任何不是塊級元素的可見元素都是內聯元素。其表現的特性是「 行布局」形式,這裡的「行布局」的意思就是說其表現形式始終以行進行顯示。比如,我們設定乙個內聯元素border-bottom:1px solid #000;時其表現是以每行進行重複,每一行下方都會有一條黑色的細線。如果是塊級元素那麼所顯示的的黑線只會在塊的下方出現。

舉例:以下這段**分別為內聯元素img與塊級元素div,僅展示其差別:

以下為上述**的效果:

div和img之間的縫隙問題

這次做的專案,客戶說,banner圖的上下之間不要留有空隙,仔細一看才發現,上下竟然都有空隙。審查元素,發現所有的div,img的padding和margin都是0,對於這個間隙究竟是如果產生的真的是找不到原因。網上查了一下,類似的問題還蠻多的。解決方法基本是四種 1.將img設定為block 這個...

DIV常用備忘

怎樣不出現橫向滾動條而出現豎向滾動條 不讓層出現橫向滾動條 11111111111111111111111111111111111 11111111111111111111111111111111 111111111111111111111111111 不出現任何滾動條可單獨使用 overflow ...

地板之間出現縫隙如何處理?

對於家庭中所安裝的木地板,大家都會發現,隨著使用年限的增加,木地板與木地板之間的接茬部位出現了縫隙。這是非常常見的一種情況。縫隙有的嚴重的話,家裡的木地板就出現了翹起甚至開裂。這些都是木地板安裝方式不正確導致的。如果我們家裡的木地板出現縫隙以後,應該怎麼處理呢?家居雜壇以下面的問題為例來給大家解答木...