除以計算的CSS寬度，而不是使用jQuery

元素width屬性我現在有這樣的代碼：除以計算的CSS寬度，而不是使用jQuery

$('.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屬性寬度？

謝謝！

來源

2012-08-30 Reuben

可以在這裏粘貼一些代碼html/css？ – dsa

@ user1471711完成！謝謝！ – Reuben

嘗試刪除內嵌的html寬度和高度值 – dsa

您可以使用outerWidth（） - http://api.jquery.com/outerWidth/

來源

2012-08-31 00:40:10 zenkaty

試過這個，不工作。同樣的結果：/ – Reuben

你可以在WordPress中編輯HTML，只需要找到它所在的模板，然後進入外觀>編輯器。我有一些使用WordPress的經驗 - 如果你鏈接到我的網站，我可能會告訴你它是哪個模板？ – zenkaty

它不是模板的一部分。這些圖像由媒體上傳器生成。 – Reuben

您是否嘗試過得到的CSS值？ $（本）的CSS（ '寬度'）/ 2;

來源

2012-08-31 00:40:55 Rob

也試過這個..同樣的結果： / – Reuben

除以計算的CSS寬度，而不是使用jQuery

回答

相關問題