将宽度应用于DIV（分页）

我目前有一个分页模块，不能在ul/li中完成。它只是一个周围的div，里面有一堆锚。将宽度应用于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的分页？

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

我知道这是不正确的，因为它适用的，这将计算出的任何宽度的DIV是100％的宽度。请帮助。

来源

2013-01-31 user2029729

你可以用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-31 16:21:18 Kami

没有宽度，保证金自动左/右不会做任何事情，因为自动宽度集装箱/页它在100％。这就是为什么一个宽度需要设置，然后它会以'0 auto'为中心 – user2029729

@ user2029729添加了一些代码来计算要应用的儿童宽度。 – Kami

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

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

来源

2013-01-31 16:45:13 trevorp

将宽度应用于DIV（分页）

回答

相关问题