display:inline-block的间距空白问题

google,safari,firefox等浏览器的display:inline-block的空白间距问题

google/firefox等浏览器的解决方案:

父元素的 font-size:0;

设置了display:inline-block的元素的font-size:XXpx;设置成任意你需要的数字

safari浏览器的解决方案:仅safari识别的css  hack  [;........]

父元素的word-spacing:-5px;letter-spacing:-5px;    safari识别  [;word-spacing:-5px;letter-spacing:-5px;]

设置了display:inline-block的元素的word-spacing:normal;letter-spacing:normal;   safari识别   [;word-spacing:normal;letter-spacing:normal;]

 

posted @ 2016-04-25 16:02  小白宅  阅读(156)  评论(0)    收藏  举报