nhận được chiều rộng của một phần tử div

Question

HTML:

<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; 


} 

Làm thế nào để xác định kích thước bằng pixel/ems rằng phần tử div đang để tôi có thể làm cho nền hình ảnh postad.gif có cùng chiều rộng?

Chỉ cần rõ ràng là tôi không muốn xác định chiều rộng tự động, nhưng chỉ muốn biết có bao nhiêu dung lượng cần thiết để tôi có thể vẽ hình nền trong PS.

Answer 1

Nếu bạn quan tâm đến đo chiều rộng của một phần tử trên một trang web mà bạn có thể sử dụng Đo CNTT addon trên Firefox:

https://addons.mozilla.org/en-US/firefox/addon/539/

Answer 2

Nếu bạn cảm thấy thoải mái với jQuery, bạn chỉ có thể sử dụng $ ("# postanad"). width().

Answer 3

CSS không phải là 'ngôn ngữ lập trình'. Bạn không thể thực sự đưa ra quyết định, thu thập dữ liệu, hoặc thao túng bất cứ điều gì ngôn ngữ không được thiết kế để làm. Nếu bạn muốn làm điều đó, javascript là lựa chọn tốt nhất của bạn.

Chính xác những gì bạn muốn xảy ra với nền? Chúng tôi có thể giúp bạn có được giải pháp CSS duy nhất nếu chúng tôi biết yêu cầu của bạn.

Answer 4

Div đang được đề cập có được vẽ lại động không? Bởi vì nếu không, điều đơn giản nhất là đặt chiều cao và chiều rộng trong #header #postkiểu kiểu quảng cáo.

Answer 5

Cách jQuery, như @ orthod0ks cho biết sẽ sử dụng hàm width(). Cách CSS sẽ được tuyên bố một width và height

OR, một cách khác CSS sẽ được:

Bạn cũng có thể đặt một nền tảng về các div (như background: red;), chụp màn hình, và dán vào PS để xem nó lớn như thế nào.

Cuối cùng, Firefox có một plugin được gọi là (MeasureIt). Nó khá hữu ích để xác định kích thước của sự vật về pixel. Vì vậy, bạn nên nhìn vào đó nếu cả hai giải pháp là không khả thi cho bạn.

Chúc may mắn!