How do I resize a div automatically to the size of its contents when the contents of the div have changed?

Question

At the moment, I have this DIV with a registration form centered over the page. The contents of the DIV come from an ascx-page. This is done nicely. Now, if the user tries t

Answer 1

Jquery:

$(document).ready(function() {

var originalFontSize = 12;

var sectionWidth = $('#sidebar').width();



$('#sidebar span').each(function(){

    var spanWidth = $(this).width();

    var newFontSize = (sectionWidth/spanWidth) * originalFontSize;

    $(this).css({"font-size" : newFontSize, "line-height" : newFontSize/1.2 + "px"});

});

});

div:

fits the width of the parent


Hello


my


name


is


john


1


23


456


12345678910


the font size in the span adjusts to the width

preview http://jbdes.net/dev/js/fontsize.html