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

时间:2013-08-23 06:57:58

标签: css web pagination blogs

我正在创建一个新的博客设计,其中包含一个分页,其中有一个帖子列表,后面是下一个(较旧的帖子)和上一个页面(较新的帖子)的链接。

我想知道是否有关于如何对齐这些按钮的任何好建议,即哪一个留下,哪一个正确?

2 个答案:

答案 0 :(得分:2)

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/

这是你想要的吗?左边是“上一个”,右边是“下一个”?

答案 1 :(得分:1)

就个人而言,我左边有较旧的帖子,右边有较新的帖子。这有点像翻书。留下 - &gt;对了

相关问题