以下是把<li> inline之后的结果，左侧(项目A外的红框和绿框之间)还是有留白的现象，请
问该如何消除?
<style>
.table {display: table; margin: 0 auto;}
ol.links {list-style-type: none; border: 1px solid #0f0;}
li.link {display: inline-block; font-size: 16px; border: 1px solid #f00;}
</style>
<div class="table">
<ol class="links">
<li class="link">项目A</li>
<li class="link">项目B</li>
<li class="link">项目C</li>
<li class="link">项目D</li>
<li class="link">项目E</li>
</ol>
</div>

请css reset,你这少把padding归零

就padding不等于0，拿网页开发者工具指上去元素应该就看得出来

ul或ol的padding设为0; 手刻个几次就会明白了

我想原PO应该还没解决，这是inline-block的bug相邻同层的inline-block元素 会在浏览器产生4px的空白这是webkit碰到inline-block后的断行字符产生的溢位可以估狗搜寻inline block space 有很多解法一般的reset套件或framework都会事先处理好最简单的解法就是把所有li放在同一行...

或者要放在不同行的话就把closing的那个>断到下一行去像是：<li class="link">项目A</li><li class="link">项目B</li>