本文主要是介绍li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
有时，在写页面的时候，会需要将<li>这个块状元素横排显示，此时就需要将display属性设置为inline-block，此时问题出现了，在两个<li>元素之间会出现大约8px左右的空白间隙，下面举例说明：
<html>
<head>
<title>demo</title>
<style type="text/css">
*{margin:0;padding:0;
}
body {width:100%;
}
ul li {list-style-type: none;
}
h3 {text-align: center;color: blue;margin-bottom: 这篇关于li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
