动态计算左填充

Question

Here's a sample division:

<div style="padding:0 0 0 30px; background:url(http://www.google.com/help/hc/images/sidewiki_157505_comment_bubble.gif) left center no-repeat;">some text</div>

I wonder how I can calculate the padding-left:30px dynamically so that any icon I choose the padding-left value changes according to the image width.

Any help is appreciated!

Answer 1

I would use jQuery :

$('div#id').css('padding-left');

You would need to have a way to select the DIV, hence my artificial #id .

Examples: http://jsfiddle.net/userdude/LvPH6/1/