2011-01-13 116 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)的插件。用像素来确定事物的大小非常有用。所以如果两种解决方案都不适合你,你应该研究一下。

祝你好运!