在<a> tag inside is floated left</a>时居中

Question

我正在为我的网站创建一个分页，我想创建它以便在我编辑分页栏中显示的页面数量时更改，分页会自动使用margin: 0 auto;在存储的div上居中分页。

http://jsfiddle.net/6ERbv/

code

在上面的小提琴中你可以看到我已经创建了一个浮动到页面中心的一个，但是我不想要数字之间的间隙，我应用float：left;对他们来说，我在包装盒上使用它并不重要，它不会居中。有谁知道绕过这个最简单的方法吗？

Answer 1

这是你想要的吗？ http://jsfiddle.net/6ERbv/

只需添加一个浮动标记，然后删除链接之间的空格

即可

.pagination {
    float:left;
    text-align: center;       

}

Answer 2

删除页码标记之间的换行符和空格：

<DIV class="pagination">
    <A href="#" class="pageNo"> 1 </A><A href="#" class="pageNo"> 2 </A><P class="pageNo">3</P><DIV class="pageNo"><A href="#"> 4 </A></DIV><DIV class="pageNo"><A href="#"> 5 </A></DIV>
</DIV>

您也可以为pagination添加宽度并设置margin: 0 auto;。上面的方法更好，但你应该根据那里显示的页数动态计算宽度。