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

Question

我使用的是分页，它生成的分页链接相当于以下内容：

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

在页面链接之间生成空白。这说得通。正如它在文档中所说的那样，它在基于文本的浏览器和蜘蛛中工作得很好(尽管从直觉上说，我不明白为什么后者会是这样)。精彩的。

我想把链接作为一个整体来集中。实现这一目标的唯一方法(我知道)是使它们成为内联元素，并给它们的父元素text-align: center;。

但我也希望能更好地控制元素之间的空间。

总之，这里是我的好朋友

• 链路之间的空白
• 链接集中
• 精确调整(像素级)的链路间距控制

我可以想出几种方法来实现这一点：

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

这两件事对我来说都不太理想。第一种方法需要大量无关的标记，在我看来，它的语义很差。第二种似乎有点老套。

有没有什么解决办法能更好地满足我的愿望而不需要任何额外的问题？也许类似于CSS指令忽略空格之类的东西。

Answer 1

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

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