2

<ul親の中にあるページネーション リンクを含む > を取得するのに苦労していますdiv。a<ul>がこれを処理する最良の方法であるかどうかはわかりませんが、リンクを水平に表示する唯一の方法でした<div class="pagination">(floats は機能していないようです)。

html/php

<div class="pagination">    
        <ul>
            <li><?php previous_post_link('<span class="left-arrow"></span> older posts'); ?></li>
            <li><?php next_post_link('<span class="right-arrow"></span> newer posts'); ?></li>
        </ul>            
    </div><!-- end pagination -->

CSS

#blog .pagination {
    background: url('img/arrow_left.png') no-repeat;
    height: 169px;
    width: 635px;
    float: right;
    margin-right: 14px;
    padding-bottom: 20px;
}

#blog .pagination ul li {
    display: inline;
    margin: 0 auto;
    width: 290px;
}

#blog .pagination .left-arrow {
    float: left;
    background: url('arrow_left.png') no-repeat;
}

#blog .pagination .right-arrow {
    padding-left: 50px;
    background: url('arrow_right.png') no-repeat;
}

ライブサイト

4

2 に答える 2

2 
 .pagination {
    width: 500px;
    background:#eee;
    text-align:center;   
 }

 .pagination ul { 
    display:inline;
    margin: 0 auto;
 }

 .pagination ul li {
    display: inline;
    margin:5px;
 }
于 2013-06-02T23:36:41.780 に答える