display inline block 去除間隙

2022-03-14 21:15:40 字數 860 閱讀 5920

先寫出**

核心css**:

.sample0.sample1
核心html**:

<

div

class

="sample0"

>0

div>

<

div

class

="sample1"

>1

div>

<

div

class

="sample2"

>2

div>

問題: display:inline-block的塊之間,有空隙

原因:換行顯示或空格分隔

解決方案一:margin 設定負值

核心 css **

.sample0.sample1.sample2
解決方案二: 將html元素寫緊湊(消除空格)

核心 html **

<

div

class

="sample0"

>0

div><

div

class

="sample1"

>1

div><

div

class

="sample2"

>2

div>

入門display inline block運用

這是我第一篇部落格,是我新的開始,我要用部落格記錄我的學習之旅,在這裡我要感謝我的哥哥,他帶我開闊了眼界,糾正了我的格局,給我帶來了正能量。我是乙個小白,學習的路還很長很長,學習了10天html與css,應了一句話,所有浪費的日子都是要還的 言歸正傳下面總結下這段時間學習出現的問題和學習感想 第乙個...

display inline block是什麼意思

很多時候我們必須使一些塊元素併排顯示,一般想到的是必須使用浮動,但是塊元素浮動給邊距 margin 的時候在ie下會出現加倍的bug 所以很多時候不得不把這個塊元素套在乙個內聯元素裡面,然後給內聯元素浮動和邊距。今天看到了懌飛 秦歌和烏龍茶關於display inline block的文章,很不錯,...

display inline block的原理分析

在使用 css 實現表現的時候,會經常接觸到 display inline block 這一屬性,無論是初接觸 web 標準還是接觸標準已久的朋友,大都會對這一屬 覺很迷惑和模糊。複製 如下 display inline block 將物件呈遞為內聯物件,但是物件的內容作為塊物件呈遞。旁邊的內聯物件...