1 、li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?
原因:
浏览器的默认行为是把inline元素间的空白字符(空格换行tab)渲染成一个空格,也就是我们上面的代码<li>换行后会产生换行字符,而它会变成一个空格,当然空格就占用一个字符的宽度。
解决方法:
** 方法一 **:既然是因为<li>换行导致的,那就可以将<li>代码全部写在一排
** 方法二 **:因为是空格占一个字符的宽度,所以可以将<ul>内的字符尺寸直接设为0
** 方法三 **: 将li父级标签字符设置为0在Safari浏览器依然出现间隔空白;既然设置字符大小为0不行,那咱就将间隔消除了
.wrap ul{letter-spacing: -5px;}
.wrap ul li{letter-spacing: normal;}