css - 分配与内容字符串宽度相同的元素宽度

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，这将拉伸(stretch)它并使其内容居中。