Javascript 向div添加文本块并设置宽度

我正在吃帆布

<div id="app-container">
    <div id="canvas-container">
        <div id="canvas"></div>
    </div>
</div>

我正在尝试将文本块添加到画布

$container= $("#canvas");
var $view = $("#template-textview").tmpl();
$("<div class=\"text-field\">" + me.text + "</div>").appendTo($view);
$view.appendTo($container);

$container=$（“#canvas”）；
var$view=$（“#模板文本视图”）.tmpl（）；
$（“+me.text+”）.appendTo（$view）；
$view.appendTo（$container）；

之后，文本将占据所有宽度。我怎么能告诉它只需要文本所需的宽度

---

提前谢谢你

由于使用的是块元素（

div

），它自然会扩展到父元素宽度的100%

要修复此问题，请尝试使其成为

内联块

：

div.text-field { display: inline-block }

用这个

#canvas {
    width: auto;
}

#canvas {
    width: auto;
}