如何逐步增强链接之间空格的内联块分页链接

Question

我正在使用will_paginate，它会产生相当于以下内容的分页链接：

<a href="?page=2">2</a> <a href="?page=3">3</a>

页面链接之间生成空格。这是有道理的。正如文档中所述，它在基于文本的浏览器和蜘蛛中运行良好（虽然直观地说，我不明白为什么后者会出现这种情况）。精彩。

我想将链接集中在一个组中。实现这一目标的唯一方法（我知道）是使它们成为内联元素并赋予它们的父元素text-align: center;。

但我也想更好地控制元素之间的空间。

总而言之，这是我的很高兴：

• 链接之间的空白
• 以集体为中心的链接
• 微调（像素级）控制链接之间的间距

我可以想到几种方法来实现这个目标：

• 将分页链接重构为无序列表，以便非图形浏览器至少在链接之间呈现独立于它们之间空白的区别
• 将父元素设置为font-size: 0px;，然后显式声明各个链接的字体大小

这对我来说都不如理想。第一个需要大量无关的标记，在我看来它在语义上很差。第二个似乎有点hackish。

有没有更好的解决方案可以更好地满足我的愿望而没有任何额外的问题？也许类似CSS指令忽略空格或其他东西。

Answer 1

如何在链接上使用float并将它们浮动到一个然后居中对齐的框中：

http://jsfiddle.net/AnN9n/1/