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

Question

我像这样创建div：

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

我希望能够将其宽度设置为完全适合table.Table.Name字符串。 有可能吗？ 提前谢谢。

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