0

このコードを使用して、中央に書き込みます。

echo "<div class='pagination' align ='center'>";

しかし、それはまだ左側に表示されます。どんだけ真ん中に書けるんだよ。

また、これらは css のページネーションのコードです:

    <div class='pagination' text-align:center>
 <span class='current'>1</span>
</div>
.pagination {
clear:both;
padding:20px 0;
position: relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float: left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
4

7 に答える 7

1

このようなものを試してください

.pagination span, .pagination a {
    background: none repeat scroll 0 0 #555555;
    color: #FFFFFF;
    display: inline-block;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px;
    text-decoration: none;
    width: auto;
}

.pagination {
    clear:both;
    padding:20px 0;
    position: relative;
    font-size:11px;
    line-height:13px;
    text-align:center;
}
于 2012-09-21T08:00:14.597 に答える
1

必要なのは、クリアとポジショニングを削除し、それにある程度の幅とmargin: 0 auto;

.pagination {
padding:20px 0;
font-size:11px;
line-height:13px;

    width: 50%;
    margin: 0 auto;
    text-align: center;
}​

これにより、パジネーターコンテナの両側のマージンが両側で等しくなるようになり、親要素内で中央に配置されます。親にも定義された幅が必要であることに注意してください。

htmlのalign属性はHTML4.01以降非推奨text-align: left/right/center;になっているため、CSSで使用してください。

http://jsfiddle.net/Kyle_Sevenoaks/S8QYy/

于 2012-09-21T07:34:19.343 に答える
1

この行を削除します

float: left;から.pagination span, .pagination a {}

と追加

margin:0 autoの.pagination {}

于 2012-09-21T07:35:19.087 に答える
0

として書くよりもCSSをインライン化するために使用した場合

style="text-align:center" これではない align="center"

このコードを置き換えます

<div class='pagination' align ='center'>

これに

<div class='pagination' style="text-align:center;">

または これに使用される可能性があります 

.pagination{
text-align:center;
}
于 2012-09-21T07:32:51.943 に答える
0

divをに設定する必要があります

<div class="pagination" style="text-align: center">

しかし、より良いアプローチは

<div class="pagination">

そして、「text-align：center;」を配置します。cssファイルに。'の代わりに"も使用してください

于 2012-09-21T07:34:30.787 に答える
0

これを試してください...多分あなたが持っていると期待したものです:)

http://jsfiddle.net/CDcXB/2/

于 2012-09-21T07:34:48.220 に答える
0

.pagination {...既存のルール....text-align：center;を試してください。}

OperasのWeb標準カリキュラムもご覧ください：http ：//www.opera.com/company/education/curriculum/

于 2012-09-21T07:34:54.157 に答える