指定与内容字符串宽度相同的元素宽度

Question

我标记了

<div id="name" class="width200">
    <input type="text" disabled="disabled" id="inputName"  />
</div>

输入项的值是动态生成的，长度可能不同。现在我想用

#name {
    margin: 0 auto;
}

以便#name居中对齐;为此，我需要为div指定适当的宽度（如果我不指定任何东西，它就像100％一样）。由于输入值是动态生成的，因此我不能只分配固定值。

如何确保自动指定iv #name的宽度以适合内容？

Answer 1

您可以尝试将DIV设置为display:inline-block;width:auto或display:inline;width:auto。

你也可以尝试做lipelip在另一个答案的评论中所说的：将DIV设置为text-align:center，这将拉伸它并将其内容置于其中。