關於div層的間隙, 還有img與div的間隙

2022-03-29 02:13:33 字數 1344 閱讀 4898

今天遇到乙個問題 就是上下兩個層之間有空白間隙(層內放的是)

解決方法 找到上面的div中的**所在位置,為其設定屬性style="display:block",問題解決。

或者img下邊有div(中有)設定img(div上面的object)‍其設定屬性style="display:block",問題ok。

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

一般的塊級元素諸如段落、標題...、列

表、**、表單、div和body等元素。而內聯元素

則如: 表單元素、超級鏈結、影象

、........

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

《css權威指南》中文字顯示:任何不是塊級元素的可見元素都是內聯元素。其表現的特性是「

行布局」形式,這裡的「行布局」的意思就是說其表現形式始終以行進行顯示。比如,我們設定乙個內聯元素border-bottom:1px solid

#000;時其表現是以每行進行重複,每一行下方都會有一條黑色的細線。如果是塊級元素那麼所顯示的的黑線只會在塊的下方出現。

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

以下為上述**的效果:

關於Div的寬度與高度的100 設定

正像你所知道的那樣,設定div大小的有兩個屬性width和height,以前在學習div每次給div設定100 寬度或高度時都很迷惑,不明確這個100 的寬度 高度 到底有多寬有多高?這個100 是從 得到的從 繼承的?今天我們的話題就是有關div高度100 的問題!其實,要弄懂div寬度 widt...

關於Div的寬度與高度的100 設定

正像你所知道的那樣,設定div大小的有兩個屬性width和height,以前在學習div每次給div設定100 寬度或高度時都很迷惑,不明確這個100 的寬度 高度 到底有多寬有多高?這個100 是從 得到的從 繼承的?今天我們的話題就是有關div高度100 的問題!其實,要弄懂div寬度 widt...

關於Div的寬度與高度的100 設定

正像你所知道的那樣,設定div大小的有兩個屬性width和height,以前在學習div每次給div設定100 寬度或高度時都很迷惑,不明確這個100 的寬度 高度 到底有多寬有多高?這個100 是從 得到的從 繼承的?今天我們的話題就是有關div高度100 的問題!其實,要弄懂div寬度 widt...