jquery - 将宽度应用于 DIV（分页）

Question

我目前有一个无法在 ul/li 中完成的分页模块。它只是一个周围的 div，里面有一堆锚。

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

每个都有填充来制作宽度/高度，因为数字可以从一位数变为三位数（1-1##）。我需要将分页居中，但没有宽度我做不到。宽度总是根据分页中的数字而变化。如何将所有的宽度应用于包含 w/ 类“分页”？

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

我知道这是不正确的，因为它将应用的宽度将计算 div 所在宽度的 100%。请协助。

Answer 1

你可以用css做到这一点。要居中div使用以下内容：

.pagination
{
   margin:0px auto;
}

或者在javascript中使用它的等价物。

计算所有孩子的宽度。

var totalWidth = 0;

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

$('.pagination').css('width',totalWidth);

Answer 2

在您的情况下，只需添加 width: 100%; 是否可行？到分页 div （因为宽度总是在变化）？

.pagination {
   margin:0px auto;
   width: 100%;
}