昨天群里有人問個問題：為什么button加了文字后，產生了對齊不一致的問題。 原因在於baseline的對齊問題。 然后就有人推薦了一篇文章：關於Vertical-Align你需要知道的事情 其中里面最后一個例子講到了如何解決inline元素換行的問題。 里面說用注釋可以解決換行 ...

有關於使用inline-block來代替float的討論也蠻多的，最常說的就是使用inline-block來代替float進行布局，或者使用 inline-block來實現元素的居中效果。但是inline-block水平呈現的元素間，換行顯示或空格分隔的情況下會有間距。關於這個問題，原 ...

一、現象描述 　　真正意義上的inline-block水平呈現的元素間，換行顯示或者空格隔開的情況下會有間距，這是因為瀏覽器在解析時，會將換行等讀取成一個空格導致。 二、移出空格的方法 　　① 我們可以去掉元素之間的換行和空格，這樣間距自然就沒有了，但是這樣會降低代碼的可讀性，不可 ...

:0; 　　font-size:0px;　} li{ display:inline-block; font-size: 14px; ...

display-inline-block是讓元素在一行顯示，但是這些元素在html里面是上下行排列的，所以中間有換行符，於是並排顯示就有了換行符帶來的空隙。那么如何解決呢？ 方案一：將html標簽要display:inline-block 的元素寫在一行。缺點：代碼可讀性差。 方案二：給父元素 ...

display:inline-block是讓元素在一行顯示，但是這些元素在html里面是上下行排列的，所以中間有換行符，於是並排顯示就有了換行符帶來的空隙。 解決方案： 1.將html標簽要display:inline-block 的元素寫在一行。缺點：代碼可讀性差 ...

inline-block屬性 This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced ...

前幾天寫一個專題頁 div{width:900px;}div a{ display:inline-block; width:300px;}<div> <a href=""></a> <a href=""></a> ...