添加文本塊的div和設置寬度

Question

我有帆布

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

在CSS我有

#canvas { 
    position: absolute; 
    background-color: white; 
    width: 100%; 
    height: 100%; 
} 

#app-container { 
    height: auto !important; 
    min-height: 100%; 
} 

#canvas-container { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
} 

我想文本塊添加到畫布

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

在文本佔據全部寬度之後，使用

。我怎樣才能告訴它只取得文本所需的寬度？

預先感謝您！

Answer 1

由於您使用的塊元素（div）它自然擴展到母體寬度的100％。

爲了解決這個問題儘量做到inline-block：

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

Answer 2

有了這個？

#canvas { 
    width: auto; 
}