如何自动增长(宽度)div

Question

我有一个div

<div id="div1">
</div>

我正在使用jquery将文本插入其中:

$('#div1').html('abcd');

我希望这个div的宽度根据插入的文本的长度扩展调整大小.我试过了 :

   #div1
{
width:auto;
}

但它不起作用.请帮忙.

Answer 1

我想你想要的是inline-block.我在这里为你做了一个JSFiddle ,它应该做你想要的.键入文本框,然后在文本框中看到展开下方的div.

HTML

<input type="text" id="input">

<div>
    <div id="out"></div>
</div>

jQuery的

$("#input").keyup(function() {
    $("#out").html($(this).val());
});