網(wǎng)頁(yè)頁(yè)面里使用 inline-block 元素時(shí)經(jīng)常需要隱藏其文字，
比較流行的方法是將 line-height 的值設(shè)置得很大，
然后配合 overflow: hidden 來(lái)隱藏文字。
請(qǐng)容許我主觀臆斷地認(rèn)為過(guò)大的行高會(huì)影響渲染效率，
而行高不夠又可能在用戶(hù)對(duì)頁(yè)面進(jìn)行放大操作時(shí)露出“馬腳”（即未能被隱藏的部分）。
是否當(dāng) line-height:0 時(shí)對(duì) Webkit 內(nèi)核就沒(méi)有辦法了？
我想到利用透明文字來(lái)解決這一兼容問(wèn)題，
并最終整理如下：

font-size:0;        /* for firefox & opera */ 
color: transparent; /* for webkit */ 
line-height:0; 
overflow:hidden;    /* for IE */

上面是第一種方法，下面說(shuō)第二種方法

display:block; line-height:0px; text-indent:-9999px; overflow:hidden;

自測(cè)后兼容的瀏覽器如下：

IE 6-8
Firefox 1-4
Opera 9-10
Safari 3-5
Chrome 1-6