DOM元素在「自動」時的大小

在CSS中，如何獲取DOM元素的width或height大小爲auto？當我嘗試使用DOM元素在「自動」時的大小

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

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

來源

2011-03-24 Daggeto

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

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

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

如上所述.width（）和。 height（）應該是計算值。

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

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

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

來源

2011-03-24 09:25:47

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

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

問候

來源

2011-03-24 09:25:53 Zakaria

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

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

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

來源

2011-03-24 09:34:41 Daggeto

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

DOM元素在「自動」時的大小

回答

相關問題