原因:元素被當成行內元素排版的時候，元素之間的空白符（空格、回車換行等）都會被瀏覽器處理，根據white-space的處理方式（預設是normal，合併多餘空白），原來html**中的回車換行被轉成乙個空白符，在字型不為0的情況下，空白符佔據一定寬度，所以inline-block的元素之間就出現了空隙。這些元素之間的間距會隨著字型的大小而變化，當行內元素font-size:16px時，間距為8px。
解決方案:
刪除**中的空白符(**可讀性差)
設定父元素字型大小為0(行內元素必須設定字型,否則會繼承父元素字型大小)
浮動設定父元素，display:table和word-spacing
原因:基線問題，div是塊級標籤，img是行內塊元素，在塊元素裡預設有3px或者4px空白(如圖)
不管有沒有文字,都會有乙個文字基線預設向下對齊導致
解決方案:
改變基線對齊方式vertical-align:top;
設定父元素字型大小為0(行內元素必須設定字型,否則會繼承父元素字型大小)
為div定高並且設定設定overflow:hidden
元素（塊 行內 行內塊
塊元素的特點 1.支援所有樣式 2.塊級元素 獨佔一行3.塊級元素預設寬度和父元素一樣 常用塊元素塊級元素 一般 div p ol ul h1 h6 li dl dt dd等都是 初始化 樣式重置 1.實際開發中，我們會把這些預設的樣式在樣式定義開頭清除掉，清除掉這些預設樣式，方便我們寫自己的定義的...
容易弄混的行內元素，塊元素，行內塊元素
在css中，有乙個屬性為 display 它可以將內聯元素，塊元素，行內塊元素互相轉化 display block 轉化為塊元素，以便於設定寬高 display inline block 轉化為行內塊狀元素 display inline 轉化為行內元素 1 行內元素 又稱為內聯元素 的代表元素 sp...
對於塊元素及行內元素及行內塊元素的理解
html中的三類元素 個人見解，希望大佬多多指正，批評指正 2，行內元素 inline 例如 a，strong，b，em，i，span等等，其中span為最典型行內元素。特點 1，不可設定寬高，但他們可以這是水平方向的padding值和margin值 2，新的元素會緊緊相鄰，之間沒有間隙 3，靠自身...