display為inline-block的元素在水平方向上之間會有間隙 原因：標簽與標簽之間使用了空格或者是換行符(空白字符也是字符，樣式會影響) 解決辦法一： 不使用空白符號，使用注釋替代換行、標簽的結束標簽與開始標簽寫在一起等（代碼的可讀性較差） 解決辦法二：設置父元素的font-size ...

目錄 一、遇到的問題 二、舉個簡單的栗子分析問題 三、解決辦法 一、遇到的問題 前些天寫瀑布流布局的時候，發現明明計算好了寬度使得一行能放下三張圖片，實際效果卻總是放不下，圖片會擠到下一行去。上圖： 可以看到，我本來是想要兩行圖片，每一行是三張 ...

最近做移動端頁面時，經常會用到inline-block元素來布局，但無可避免都會遇到一個問題，就是inline-block元素之間的間隙。這些間隙會導致一些布局上的問題，需要把間隙去掉。對於inline-block元素及去掉間隙的方法，在這里做一個簡單的總結 ...

三種不同的類型：塊狀元素（block）、內聯元素(又叫行內元素inline)和內聯塊狀元素(inlin ...

IE6/7是不支持display:inline-block屬性，只是讓其表現的跟inline-block一樣，尤其對於inline水平的元素，其表現度可以用perfect一詞來形容了。 對於IE8+以及現代瀏覽器，直接使用：{display:inline-block;}就可以了，支持任意水平 ...

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

今天在做頁面時發現一個很奇怪的問題：當兩個設置了display: inline-block; 屬性的元素並列排放時，它們的位置能夠互相影響。 我們先來看看元素結構： 我們使三個div都設置為 inline-block，設置寬度使其居於一行內。如果再把 ...

inline-block元素在布局時會給我們帶來很多方便，但它有一個明顯的bug,就是inline-block元素間會有一個4px的間隙（有的瀏覽器可能是8px）。廢話不多說了，直接講解決方法吧。 總體來時可分為兩種方法，一種是改變html結構法,另一種是css法。 先說第一種，比如下面這段 ...