2011-03-24 110 views
1

在CSS中,如何獲取DOM元素的widthheight大小爲auto?當我嘗試使用DOM元素在「自動」時的大小

$("#element_id").width(); 
$("#element_id").height(); 

返回。所以我需要元素的真實大小。

+0

你試過outerWidth了嗎? – corroded 2011-03-24 07:48:26

+3

'jQuery.width()'和'jQuery.height()'*應該*返回計算出的寬度和高度值;如果他們不這樣做,可能是元素(或其後代之一)被隱藏。爲了正確計算元素尺寸,元素需要可見(而不是'display:none')。 – eyelidlessness 2011-03-24 07:49:18

+0

Thenks,我會試試:) – Daggeto 2011-03-24 07:52:35

回答

0

如上所述.width()和。 height()應該是計算值。

如果項目不顯示或者沒有佔用您期望的寬度,您將遇到問題。這可能是由於元素未被浮動或類似。

查看元素的寬度或高度應該是什麼的一個好方法是在Firefox中使用firebug

一旦你選擇一個元素點擊計算或右側的佈局選項卡,你會看到所選元素的值,當你將元素懸停在樹視圖中時,它也應該是什麼空間元素正在頁面上佔據。

0

我把源代碼放在這個鏈接http://jsfiddle.net/F42Rx/

你可以看到我把div的寬度設置爲auto,並作了alert,它表明它返回計算出的寬度。

問候

+0

我在init的元素是display:none – Daggeto 2011-03-24 09:30:09

+0

Thenk。發佈的鏈接對我來說是非常有用的:) – Daggeto 2011-03-24 09:39:03

0

我解決了這個問題。如前所述,該項目設置爲display: none。所以我將CSS屬性設置爲hidden: hidden。一切正常。

+0

爲眼瞼沒有問題。 – Daggeto 2011-03-24 09:37:26