塊元素div轉變為行內塊元素之後如何消除之間間隙

2021-10-20 16:32:54 字數 541 閱讀 5875

寫了三個div,使其變成行內塊元素之後,發現,有間隙,喲,我的小天使啊。

最外層父級div寬度width大於三個小div寬度之和

父級div:

#aaa
三個子級div:

#a1

#a2#a3

html樣式:

"aaa">

"a1">aaaa

"a2">aaaa

"a3">aaaa

修改方法一:父級div新增font-size:0px;具體如下:

#aaa

請看最後一句,他的結果就是,間隙消失了,哈哈哈。

塊元素 行內元素 行內塊元素

塊級元素 一行只能放乙個,可以設定寬度高度,預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素,不可以直接設定寬度高度,預設為本身內容的寬度,容納文字或其他行內元素 常用元素 span a i em ...

行內元素 塊級元素和行內塊元素

a 標籤定義鏈結 b 字型加粗 br 換行 i 斜體文字效果 img 在網頁中嵌入 input 輸入框 span 組合文件中的行內元素 small 呈現小號字型效果 big 呈現大號字型效果 sub 定義下標文字 sup 定義上標文字 div 定義文件中的分割槽或節 dl 定義列表 dt 定義列表中...

元素(塊 行內 行內塊

塊元素的特點 1.支援所有樣式 2.塊級元素 獨佔一行3.塊級元素預設寬度和父元素一樣 常用塊元素塊級元素 一般 div p ol ul h1 h6 li dl dt dd等都是 初始化 樣式重置 1.實際開發中,我們會把這些預設的樣式在樣式定義開頭清除掉,清除掉這些預設樣式,方便我們寫自己的定義的...