0

私はキャンバスを持っています

<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);

その後、テキストはすべての幅を取ります。テキストで必要な幅だけを取るように指示するにはどうすればよいですか？

前もって感謝します！！

4

2 に答える 2

1

これとともに ？

#canvas {
    width: auto;
}
于 2012-11-16T12:57:32.847 に答える
1

ブロック要素 ( div) を使用しているため、自然に親の幅の 100% に拡張されます。

それを修正するには、それを試してみてくださいinline-block：

div.text-field { display: inline-block }
于 2012-11-16T12:57:08.277 に答える