我有一個240x240px div
其中包含大小不同的圖像的淡出幻燈片。我將每個圖像設置爲height: 240px
,寬度與其高度成比例。有些圖像比它們寬(比例)高,所以我把它們集中在div
裏使用這個效果很好,除了溢出的圖像的240px div
。我怎麼能夠在div
裏面溢出的圖像居中?我想這(jQuery的),但它並不適用於某種原因,我敢肯定,我想不通工作:如何將約束格內溢出的圖像居中
if($("div img").width() > 240) {
$(this).css("margin-left", rv);
var rv = -1 * ($(this).width()/4) + "px";
}
的邏輯存在,如果圖像擴大在寬度div
,然後將其轉移到左邊的是rv
px,rv
是圖像寬度的1/4(因爲1/2會將圖像剪切成左邊一半,所以1/2的1/2有效地居中)?我的第一個猜測是我不能參考$(this)
,因爲我正在嘗試,但我不知道。
我知道我可以去添加單獨的內聯CSS樣式,但這很麻煩和平凡。我寧願有一個腳本可以自動計算圖像的中心,然後相應地移動它。有任何想法嗎?
謝謝,第二位幫助過我。 –