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;}
面试题总结 1、请用css使一个div垂直居中 方法1：table-cell html结构： css： 方法2：d...
资料来源于 50道css基础面试题进行一些扩充和总结 CSS盒模型 标准盒模型:content + padding...
css 面试题汇总 css参考手册css参考手册 50道CSS基础面试题（附答案）2018-02-22前端开发面试...
Java面试题总结 Java面试题总结一Java面试题总结二
2018web前端最新面试题总结 一、Html/Css基础模块 基础部分 什么是HTML？答： HTML并不是...
整理网上流传的若干份面试题目，突发奇想，总结关于CSS面试题目的考察点，发现问题大多围绕几个属性和几种题目，水平有...
web前端面试题分为：html/css面试题、javascript面试题、vue面试题、性能优化面试题、网络方面面...
（以下是自己在网络上总结的css基础面试题,欢迎补充和改正） 1.class和id有什么不同？ id类名唯一，在页...
1 、li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？原因： 浏览器的默认行为是把inline元...
前端面试题总结[https://www.jianshu.com/p/4e69d9769966]JavaScript...
本文标题：css面试题总结
本文链接：https://www.haomeiwen.com/subject/zeuwictx.html
网友评论