Old WebKit Browser inline element 0 spacing problem

Sometimes we want a seamless, close relationship between the elements of Display:inline-block, such as the following situation:

In general, we use the following code to achieve:

{     font-size: 0;     text-align: center;}  {    display: inline-block;       Font-size: 14px;     color: #666;     Border: 1px solid #ccc;    }

But in the version of the old WebKit kernel browser, you can see the result is: that hateful spacing still exists ~ ~ ~

After reading the ZXX's article (article Address: http://www.zhangxinxu.com/wordpress/?p=2357), the workaround is as follows:

Use Mediaquery to do a separate CSS Hack for the browser of the WebKit kernel:

{    . pagenav{        font-size:14px;                 Letter-spacing: -0.31em;         /*  *    /}    . Pagenav    a{            letter-spacing: Normal ;             word-spacing: normal;    } }

Old WebKit Browser inline element 0 spacing problem