2011-01-13 115 views
8

HTML:得到一個div元素的寬度

<a id="postanad" href="postad.php">Make a Post</a> 

CSS:

#header #postanad { 
    position: absolute; 
    top: 50px; 
    left: 250px ; 
    background: #000 url(postad.gif) repeat-x 0% 100%;  
    font: bold 19px Tahoma, 'trebuchet MS', Sans-serif; 
    padding: 5px; 


} 

如何確定在像素尺寸/ EMS的div元素正在這樣我就可以使背景圖像postad.gif是相同的寬度?

只是要清楚我不想動態確定寬度,但只是想知道它佔用了多少空間,以便我可以在PS中繪製背景圖像。

+0

對於每個不同設置的客戶,它都會有所不同。 – Robert 2011-01-13 13:58:29

回答

10

如果你舒適的使用jQuery,你可以只使用$( 「#postanad」)。寬度()。

3

CSS不是一種「編程語言」。你不能真正做出決定,收集數據,或操縱語言無法做到的任何事情。如果你想這樣做,JavaScript是你最好的選擇。

你想要在背景中發生什麼?如果我們知道您的要求,我們可能能夠幫助您獲得僅限CSS的解決方案。

0

是否有問題的div被動態重繪?因爲如果沒有,最簡單的方法是在#header #postanad風格中設置高度和寬度。

0

jQuery的方式,就像@ orthod0ks所說的是使用width()函數。 CSS的方法是申報widthheight

OR,另一個CSS的辦法是:

你也可以把背景上的div(如background: red;),採取截圖,並粘貼到PS看看它有多大。

最後,Firefox有一個名爲(MeasureIt)的插件。用像素來確定事物的大小非常有用。所以如果兩種解決方案都不適合你,你應該研究一下。

祝你好運!