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 / class'pagination'？

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

在您的情况下，只需添加宽度：100％;到分页div（因为宽度总是在变化）？

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

将宽度应用于DIV（分页）

2 个答案: