1

現在、ul/li では実行できないページネーション モジュールがあります。それは、内部にたくさんのアンカーがある周囲の div です。

<div class="pagination">
    <a href="#">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
</div>

数値は 1 桁から 3 桁 (1-1##) になる可能性があるため、それぞれに幅/高さを作るためのパディングがあります。ページネーションを中央に配置する必要がありますが、幅がないとできません。幅は、ページネーションの数字に応じて常に変化しています。クラス「ページネーション」を含むすべての幅をどのように適用できますか?

var pagWidth = $('.pagination').width();
$('.pagination').css('width',pagWidth);

div の幅の 100% を計算する の幅を適用するため、これが正しくないことはわかっています。助けてください。

4

2 に答える 2

0

あなたの状況では、単に幅を追加するだけでうまくいくでしょうか：100％; ページネーションdivに（幅は常に変化しているため）？

.pagination {
   margin:0px auto;
   width: 100%;
}
于 2013-01-31T16:45:13.717 に答える
0

cssでこれを行うことができます。中央に配置divするには、次を使用します。

.pagination
{
   margin:0px auto;
}

または、JavaScriptで同等のものを使用してください。

すべての子の幅を計算します。

var totalWidth = 0;

$("div.pagination").children().each(function() {
   totalWidth = totalWidth + $(this).width();
});

$('.pagination').css('width',totalWidth);
于 2013-01-31T16:21:18.673 に答える