有關於使用inline-block來代替float的討論也蠻多的，最常說的就是使用inline-block來代替float進行布局，或者使用inline-block來實現元素的居中效果。前面《css3製作的分頁導航》一文中就是使用的inline-block製作的居中效果，不過留下了一上問題，就是使用inline-block的元素之間會存在「4px」的空白間距。那麼今天我們就一起來說說這個「4px」的問題。
大家首先來看乙個demo：
html markup
*
ul ul li
上面截圖是：ie8-9、firefox、safari等瀏覽器下的效果，換句話說，這種現像只有在這幾種瀏覽器中才會出現。下面我們就來說說解決這個「4p這種方法接近標籤換行格式的寫法，也更趨近閱讀。x」(chrome下是8px)的幾種方法：
方法一：改變html結構
簡單一點的方法就是就是改變html的結構，你可以使用下面幾種方法的任何一種都可以達到效果：
結構一：
結構二：
結構三：
結構四：
方法一所說的是通過標籤來解決，雖然問題是解決了，但可以說不能稱作是技巧。而且上面的方法只適合於寫靜態頁面的時候，一旦你的html不是自己寫，而是後台生成，就比如cms來說，標籤後台生成，此時，我想大家又要罵街了，這可怎麼辦？其實我們除了上面的方法，還可以使用css來解決的。
方法二：負的margin
很多地方討論使用負的margin來解決，比如說：
ul
ul li
當然有些文章介紹使用"-0.25em"來解決，這也是跟元素的字型大小有極大的關係。
所以我個人建議不使用負的margin來解決這樣的問題。
方法三：設定父元素字型為0
第三種方法設定父元素的字型為「0」，然後在「inline-block」元素上重置字型需要的大小。
ul
ul li
按此來說，方法三也不是絕佳的好方法，用不用大家自己考慮。
方法四：丟失結束標籤
說實在的，這種方法又回到了方法一，在html標籤上動手腳。就是讓「inline-block」元素丟失關閉標籤
這種方法雖然能達到各瀏覽器的相容，但還是有乙個前提，那就是「doctype」要選擇對，在「xhtml」下可就問題又出來了。
方法五：jquery方法
最後在給大家提供一種jquery的方法：
html markup
ul
ul li
$('.removetextnodes').contents().filter(function() ).remove();上面講述了多種方法，但要相容多個瀏覽器版本，並不每種方法實用，以前常用的方法，這次測試並不相容所有瀏覽器。要做到相容所有瀏覽器，個人認為還是在html的標籤上做一定的處理，或者採用最後一種方法，通過「jquery」來改變「nodetype」值達到效果。針對這個「inline-block」之間的間距有幾篇文章做過介紹，但裡面的方法，和上面介紹的測試的基本一樣，具體如何運用，大家還是根據自己的需求進行選擇或處理。
擴充套件閱讀：
fighting the space between inline block elements
display: inline-block et les espaces indésirables
去除inline-block元素間間距的n種方法
更新：全相容的樣式解決方法
經過高人指點，使用純css還是找到了相容的方法，就是在父元素中設定font-size:0,用來相容chrome，而使用letter-space:-n px來相容safari:
.finally-solve
.finally-solve li
如何解決inline block元素的空白間距
有關於使用inline block來代替float的討論也蠻多的，最常說的就是使用inline block來代替float進行布局，或者使用inline block來實現元素的居中效果。但是inline block水平呈現的元素間，換行顯示或空格分隔的情況下會有間距。關於這個問題，原來很多人不知道啊...
如何解決併發
雖然從巨集觀上，處理器是並行處理多項任務，但本質上乙個處理器在某個時間點只能處理乙個任務，屬於序列執行。在單處理器的情況下，併發問題源於多道程式設計系統的乙個基本特性 程序的相對執行速度不可 它取決於其他程序的活動 作業系統處理中斷的方式以及作業系統的排程策略。在分布式環境下，併發產生的可能性就更大...
如何解決藍屏問題
第一步 公升級筆記本bios 一般說來筆記本在出廠的時候很可能設計上存在某些的瑕疵，而廠商通常會採用公升級bios的方法來解決這些bug。如果我們在使用筆記本腦的過程中遇到了藍屏的情況，那麼我們可以採取公升級bios的辦法來解決藍屏的故障。第二步 正確安裝硬體驅動 在重新整理了bios以後，部分筆記...