新增vertical-align: top;就可以解決
是基線對其問題（vertical-align 屬性），
進一步來說，兩個 inline-block 的元素都按照預設的垂直對齊方式為什麼會產生不同的對齊效果？
原因在於容器使用了 overflow: hidden 屬性，這一屬性改變了 inline-block 元素的基線位置，
導致這一元素上移。因此，同時設定兩個元素的垂直對齊方式為非基線對齊的值，
或為另乙個元素新增 overflow 屬性都可以解決這一問題。
另外，不對其還有可能因為標籤之間有空格或換行
整理 幾種解決inline block間隙的方案
有基礎的朋友可以直接跳過序言，直接看方案display有幾種屬性 inline是內聯物件，比如 標籤等，可以 堆在一起 顯示，寬高由內容決定，不能設定 block是塊物件，比如 標籤等，要佔一整行，但是寬高可以自定義 為了彌補inline和block的不足，又擴充了inline block屬性 in...
解決關於inline block元素換行問題
昨天群裡有人問個問題 為什麼button加了文字後，產生了對齊不一致的問題。原因在於baseline的對齊問題。其中裡面最後乙個例子講到了如何解決inline元素換行的問題。裡面說用注釋可以解決換行問題，我測試了下發現和注釋完全沒有關係。換行的原因在於div與div換行製表符產生的空隙，所以要避免換...
偷懶的inline block解決方法
最近這幾天看了inline block的用法，用它來代替浮動實現水平排列很不錯，只是要解決一下瀏覽器相容和間隙的問題。關於ie6，7的相容問題 inline block 前世今生 裡講解的很細緻深入，解決辦法也講的很詳細，在這裡自己就簡單記錄下。首先就是inline block在ie6,7的表現，行...