有關於使用inline-block來代替float的討論也蠻多的，最常說的就是使用inline-block來代替float進行布局，或者使用inline-block來實現元素的居中效果。前面《css3製作的分頁導航》一文中就是使用的inline-block製作的居中效果，不過留下了一上問題，就是使用inline-block的元素之間會存在「4px」的空白間距。那麼今天我們就一起來說說這個「4px」的問題。
大家首先來看乙個demo：
html markup
item1li>item2li>
item3li>
item4li>
item5li>
ul>css code
*
ulul
li
上面截圖是：ie8-9、firefox、safari等瀏覽器下的效果，換句話說，這種現像只有在這幾種瀏覽器中才會出現。下面我們就來說說解決這個「4px」(chrome下是8px)的幾種方法：
方法一：改變html結構
簡單一點的方法就是就是改變html的結構，你可以使用下面幾種方法的任何一種都可以達到效果：
結構一：
item1li>item2li>
item3li>
item4li>
item5li>
ul>這種方法接近標籤換行格式的寫法，也更趨近閱讀。
結構二：
item1li>
item2li
>
item3li
>
item4li
>
item5li>
ul>結構二和結構一幾乎是一樣，結束標籤的「>」成了另一行的起始標籤。
結構三：
item1li>item2li>
item3li>
item4li>
item5li>
ul>結構三的方法採用的是html的注釋的方法，這種方法我想大家不太常見，不過同樣能解決我們需要解決的問題。
結構四：
item1li>item2li>
item3li>
item4li>
item5li>
ul>結構四，我想是大家常用來解決這樣的問題的方法吧，下面我們來看看按上述幾種方法寫的效果：
方法一所說的是通過標籤來解決，雖然問題是解決了，但可以說不能稱作是技巧。而且上面的方法只適合於寫靜態頁面的時候，一旦你的html不是自己寫，而是後台生成，就比如cms來說，標籤後台生成，此時，我想大家又要罵街了，這可怎麼辦？其實我們除了上面的方法，還可以使用css來解決的。
方法二：負的margin
很多地方討論使用負的margin來解決，比如說：
ul
ulli
當然有些文章介紹使用"-0.25em"來解決，這也是跟元素的字型大小有極大的關係。所以我個人建議不使用負的margin來解決這樣的問題。
方法三：設定父元素字型為0
第三種方法設定父元素的字型為「0」，然後在「inline-block」元素上重置字型需要的大小。
ul
ulli
按此來說，方法三也不是絕佳的好方法，用不用大家自己考慮。
方法四：丟失結束標籤
說實在的，這種方法又回到了方法一，在html標籤上動手腳。就是讓「inline-block」元素丟失關閉標籤
item1item2
item3
item4
item5
ul>樣式基本不變，我們來看看效果：
這種方法雖然能達到各瀏覽器的相容，但還是有乙個前提，那就是「doctype」要選擇對，在「xhtml」下可就問題又出來了。
方法五：jquery方法
最後在給大家提供一種jquery的方法：
html markup
class="removetextnodes">item1li>
item2li>
item3li>
item4li>
item5li>
ul>css code
ul
ulli
$('.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
原文:
w3cplus.com
關於幀間距 IFG技術的討論
1.什麼是ifg？what ifg interframe gap 幀間距，乙太網相鄰兩幀之間的時間斷 乙太網傳送方式是乙個幀乙個幀傳送的，幀與幀之間需要間隙，即幀間距ifg也可稱其為ipg interpacket gap ifg指的是一段時間，不是距離，單位通常用微秒 s 或納秒 ns 如下圖所示 ...
關於UGUI之修改Text字間距
using unityengine using system.collections using unityengine.ui using system using system.collections.generic using system.io using system.text addcom...
css 設定字間距 字母間距和漢子間距
下面是沒有設定間距的漢字和字母 順昌人 this is a test 下面是設定50px的word spacing字間距 順昌人 this is a test 下面是設定50px的letter spacing字母間距 順 昌 人 t h i s i s a t e s t 重要 letter spa...