将分页箭头放在一起答案

【问题标题】：Getting pagination arrows together将分页箭头放在一起
【发布时间】：2014-11-18 07:24:11
【问题描述】：

我正在尝试在 HTML5 页面上获取分页箭头。

CSS：

.arrow {
    padding : 18px;
    display: inline-block;
}

HTML：

<a href="" class="arrow">&laquo;</a>
<a href="" class="arrow">&raquo;</a>

但是箭头显示在两个单独的行中。

如何让它们排成一行？我用的是火狐。

【问题讨论】：

【解决方案1】：

可能希望将分页放在容器中。只需将您的无序列表包装在具有定义宽度的东西中，然后添加类 .pagination-centered。

希望这会有所帮助！

附：我同意 Adjit。

【讨论】：

【解决方案2】：

我看到了这个问题的第一个版本，所以我知道你的箭头在 pre 标记中。所以要么删除这些到箭头之间的空间，所以它应该是

<pre><a href="#" class="arrow">&laquo;</a><a href="#" class="arrow">&raquo;</a></pre>

不是

<pre>
<a href="#" class="arrow">&laquo;</a>
<a href="#" class="arrow">&raquo;</a>
</pre>

或者只是删除你的前置标签。

pre 标记定义了预格式化的文本，代码中的每一个新行都将是加载页面上的一个新行。您的箭头位于两行单独的行中，当页面加载时，您的箭头之间有空白空间。

【讨论】：

【解决方案3】：

看来我必须将显示更改为“内联”：并且还要更具体地使用 css: #baseid a.arrow 。我很惊讶，因为 .arrow 是独一无二的。

【讨论】：