css面试题总结

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;}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。