html - div 中的 div 获取父级的尺寸

Question

我有一个 div，里面有几个只包含纯文本的 div。但是每当外部 div 被赋予宽度时，子 div 也会获得相同的大小。有什么方法可以避免这种情况发生，以便子 div 仅覆盖其中的文本，而外部 div 可以具有任意大小？

Answer 1

使用display:inline-block

HTML:

<div class="container">
    <div class="text">text1</div>
    <br />
    <div class="text">text some text</div>
</div>

CSS:

.text{display:inline-block;}

Fiddle here.