昨天切页面时,进行布局时,想改变以下方法换换口味,所以就抛弃了float方法,采用了display:inline-block方法,没想到却随之而来的带来了一个想不通的问题,那就是空白。废话不多说,上代码。<!DOCTYPE html><html><h ...
昨天切页面时,进行布局时,想改变以下方法换换口味,所以就抛弃了float方法,采用了display:inline-block方法,没想到却随之而来的带来了一个想不通的问题,那就是空白。废话不多说,上代码。
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>inline-block的空白符</title><style type="text/css"> li{ width:50px; height:20px; background-color:#C90; display:inline-block;}</style></head> <body> <ul class="box"> <li>li</li> <li>li</li> <li>li</li> <li>li</li> </ul></body></html>
//Opera浏览器下问题:最小间距1像素,然后,
letter-spacing
再小就还原了
原标题:影响布局的inline
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。