用jQuery除以css计算的宽度而不是元素宽度属性

时间:2012-08-30 22:59:47

标签: jquery html css

我目前有这段代码:

$('.blogimages img').css('marginLeft', function() { 
    return - $(this).width()/2;
});

然而,它取了width="750"属性而不是我的样式表新计算得到它。

图片设置示例:

<div class="img-wrap" style="position: relative; ">
    <img class="insert-all wide" title="23" src="http://www.threefishfiesta.com/wp-content/uploads/2012/08/231.jpeg" alt="" width="750" height="500">
</div>

CSS:

.client-small .img-wrap {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: center;
}

.img-wrap .wide{
    height: 100%;
    width: auto;
}

.img-wrap .tall{
    width: 100%;
    height: auto;
}

有没有办法重写这个来获取css生成的宽度而不是html属性宽度?

谢谢!

2 个答案:

答案 0 :(得分:0)

您可以使用outerWidth() - http://api.jquery.com/outerWidth/

答案 1 :(得分:0)

您是否尝试过获取css值? $(本)的CSS( '宽度')/ 2;