css - 如何定义(使用 php 或 jquery)div 的宽度以适应内部 anchor 标记的宽度 + 边距？

Question

我想让 .nivo-controlNav 的宽度自动适应 .nivo-controlNav a 的宽度 + 边距

代码:

.nivo-controlNav {
    margin: 480px auto 0;
    overflow: hidden;
    width: 200px;
}
.nivo-controlNav a {
    background: url(images/bullets.png) no-repeat;
    border: 0;
    float: left;
    text-indent: -9999px;
    margin-right: 3px;
    width: 22px;
    height: 22px;
}

Answer 1

我不确定这是否是您所要求的，但您可以使用 jquery outerWidth()

$(document).ready(function(){
 var customWidth = $('.nivo-controlNav a').outerWidth(true);
 $('.nivo-controlNav').css("width",customWidth);
});