получение ширины элемента 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;


}

Как определить размер в пикселях / ems, который принимает элемент div, чтобы я мог сделать фоновое изображение postad.gif одинаковой ширины?

Просто чтобы прояснить, я не хочу определять ширину динамически, а просто хочу знать, сколько места занимает, чтобы я мог нарисовать фоновое изображение в PS.

Answer 1

Если вы знакомы с jQuery, вы можете просто использовать $ ("# postanad"). Width ().

Answer 2

CSS не является «языком программирования». Вы не можете принимать решения, собирать данные или манипулировать чем-то, для чего язык не предназначен. Если вы хотите сделать это, javascript - ваш лучший выбор.

Что именно вы хотите, чтобы произошло с фоном? Возможно, мы сможем помочь вам получить решение только для CSS, если будем знать ваши требования.

Answer 3

Если кто-то хочет просто получить ширину div с помощью простого использования javascript:

document.getElementById('div_id').clientWidth;

, чтобы узнать больше возможностей здесь .

Answer 4

Способ jQuery, как сказал @ orthod0ks, заключался бы в использовании функции width (). CSS-способ - объявить width и height

ИЛИ, другой способ CSS был бы:

Вы также можете поместить фон в div (например, background: red;), сделать снимок экрана и вставить его в PS, чтобы увидеть, насколько он велик.

Наконец, в Firefox есть плагин (MeasureIt). Это довольно полезно для определения размеров вещей в терминах пикселей. Так что вы должны изучить это, если оба решения не являются жизнеспособными для вас.

Удачи!

Answer 5

Является ли рассматриваемый div динамически перерисовываемым? Потому что, если нет, проще всего установить высоту и ширину в стиле #header #postanad.

Answer 6

Если вы заинтересованы в измерении ширины элемента на странице, вы можете использовать аддон Measure IT в Firefox:

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