Css，如何设置容器的宽度

Question

Css问题：如何将容器的宽度设置得足够宽，以容纳容器中有多少个字符？

感谢您的帮助，-Matthew

Answer 1

display: inline-block是一种简单的方法。

float: left是另一种选择。

确保未设置显式width，因为这将禁用收缩包装行为。

http://jsfiddle.net/5jyAg/

Answer 2

它取决于容器，如果您使用span作为容器，它将始终与其中的字符一样宽。

但是span是内联元素

Answer 3

您可以尝试将Padding放入您的风格中。例如，如果您的标记看起来像这样。

<div>
     <p class="paddThis">Your text</p>
</div>

并在您的样式表中设置文本右侧和/或左侧的填充文本将推动容器的左右边框与文本创建一定数量的像素，从而完成您正在尝试的内容要做。

您的样式表可能如下所示

.paddThis
{
   padding: 0 5px 0 5px;
}