围绕其内容动态调整创建的div的大小

Question

我创建这样的div：

$(ndiv).addClass("table").html(table.Table.Name).appendTo($("#tables"));

我希望能够将它的宽度设置为刚好适合桌子。表。名称字符串。这样的事情可能发生吗？提前谢谢。

Answer 1

一个简单的解决方案是将字符串包装在span元素中，并从中选择宽度

$(ndiv).addClass("table").html('<span>' + table.Table.Name + '</span>').appendTo($("#tables"));
var w = $('span', ndiv).width()
$(ndiv).width(w);

Answer 2

如果table.table.Name字符串是带内容的表标记，您可以尝试以下代码：

var $block = $(ndiv).addClass("table").html(table.Table.Name).appendTo($("#tables"));
$block.width($block.children("table").width());

或者你可以尝试简单的方法，不需要js，如果你的页面校样超过允许的话。设置CSS:

.table{display: inline-block;}