css - bootstrap 分页的一个问题

Question

先打开bootstrap中文
http://v3.bootcss.com/components/#pagination
看如下动画图，a标签有个样式：float:left; 把该属性去掉，则页码按钮就有了间隔，这是为什么？

Answer 1

因为HTML代码里面的换行也会显示出一个小空格，下面这种写在一行的就不用加float

<li><a>1</a></li><li><a>2</a></li><li><a>3</a></li>

Answer 2

楼上正解，因为你换行符占位了。inline，inline-block元素都有这个问题。你用float: left后，其实已经把它变成了block元素。解决方法很多。你可以看看张旭鑫大神的老文章 http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/

Answer 3

标签之间有空格或者换行符导致行内元素之间产生间距