分页：上一个/下一个链接对齐

【问题标题】：Pagination: Previous/Next link alignment分页：上一个/下一个链接对齐
【发布时间】：2013-08-26 03:29:11
【问题描述】：

我现在正在创建一个新的博客设计，它具有一种分页功能，其中有一个帖子列表，然后是指向下一个（旧帖子）和上一页（新帖子）的链接。

我想知道是否有关于如何对齐这些按钮的好建议，即哪个向左，哪个向右？

【问题讨论】：

【解决方案1】：

HTML：

<div class="pagination">
    <div class="left">
        <a href="#">Previous</a>
    </div>
    <div class="right">
        <a href="#">Next</a>
    </div>
</div>

CSS：

.pagination .left {
    float: left;
}

.pagination .right {
    float: right;
}

JSFiddle：http://jsfiddle.net/ZKVp3/

这是您想要的方式吗？左边是“上一个”，右边是“下一个”？

【讨论】：

问题不在于如何实现它。更多的是关于哪个标签左对齐和哪个标签右对齐。

【解决方案2】：

就我个人而言，我会在左侧发布较旧的帖子，在右侧发布较新的帖子。这有点像翻书的一页。从左到右 -> 右

【讨论】：