如何减少两个显示之间的差距:内联项？

Question

所有浏览器都显示差距？

ul.tabs li {
display:inline;
margin:0 padding:0;}

我可以使用float:left在LI元素中修复问题,但我需要理解它为什么会发生.

Answer 1

内联元素之间有空格.float: left解决问题,因为浮动隐含地将元素转换为块元素,无论如何display: inline.

你需要一个和;之间.margin:0padding: 0