li 与 li 之间有空白间隔是什么原因引起的，有什么解决办法

  • 原因

    浏览器会把inline元素间的空白字符（空格、换行、Tab等）渲染成一个空格。而为了美观，我们通常是一个

  • 放在一行，这导致
  • 换行后产生换行字符，它变成一个空格，占用了一个字符的宽度（大约8px左右）。

  • 解决办法

    • 为

    • 设置 float: left;

      不足：有些容器是不能设置浮动，如左右切换的焦点图等

    • 将所有

    • 写在同一行

      不足：代码不美观

    • 将

        内的字符大小直接设为0，即 font-size: 0;

        不足：

          中的其他字符大小也被设为0，需要额外重新设定其他字符大小，且在Safari浏览器依然会出现空白间隔

      • 消除

          的字符间隔letter-spacing: -8px;

          不足：这也设置了

        • 内的字符间隔，因此需要将
        • 内的字符间隔设为默认 letter-spacing: normal;

最新文章

  1. SpringBoot揭秘：快速构建微服务体系
  2. ACM题目————STL练习之Ananagrams
  3. Wix安装包权限问题
  4. SCSF智能客户端学习笔记(一)
  5. GitHub Windows客户端部署
  6. js鼠标事件
  7. （Problem 72）Counting fractions
  8. filter， sort
  9. 信息处理，分而治之－－ ESFramework 使用技巧
  10. Docker 网络命令
  11. The 1st tip of DB Query Analyzer
  12. 文本框defalutValue的使用
  13. 查找数组中重复的唯一元素+时间复杂度O（n）+空间复杂度O（1）
  14. 1.7Oob 方法重载和成员变量，局部变量，构造方法
  15. JS设计模式（14）适配器模式
  16. arcgis 浅入
  17. python 数据类型 之 字典
  18. React-Native开发之原生模块封装（Android)升级版
  19. block本质探寻六之修改变量
  20. python中统计计数的几种方法

热门文章

  1. Netty高级应用及聊天室实战
  2. Intellij IDEA出现java.lang.ClassNotFoundException: com.mysql.jdbc.Driver处理办法
  3. DubboSPI机制二之Dubbo中SPI初体验
  4. 常用环境变量配置（vim /etc/profile）
  5. Vue 源码解读（8）—— 编译器 之 解析（上）
  6. （二）ECMA 335 解析 /ECMA 334
  7. Linux命令(ping-telnet-netstat-curl-ps)
  8. Git教学教程--学生使用教程（非Git操作版）
  9. 小记：音频格式转化ByPython（下）
  10. （第一章第五部分）TensorFlow框架之变量OP