内联，非外壳容器的流体宽度
我有一个小小的CSS麻烦。
我有一些div元素结构如下例。 有一个动态数量的class =“block”div，每个都有一个固定的宽度：
<div class="outer-container">
<div class="inner-container">
<div class="block">text</div>
<div class="block">text</div>
<div class="block">text</div>
<!-- More "block" divs here -->
</div>
</div>
我的目标是找到一个基于CSS的解决方案。
class="block" divs，而不用换行换行。 class="inner-container" div，每个显示为自己的行。 "shrink-wrap"以匹配其内容物的宽度。 有什么建议么？
不是100％确定这是你想要的，但它可能是一个开始：
http://jsfiddle.net/r4dEX/3/
通过设置每个block元素display: inline-block和white-space: nowrap ，它应该允许元素彼此并排放置，但是如果内容长于可用空间，则不会换行到新行（取而代之的是block会移动到一个新的行）。
每个内容inner-container将显示在其自己的行上（ display: block是div默认行为）。
将外部容器设置为display: inline-block将使其“缩小包装”以适应其内容。
下面是一个示例，其中内嵌块，内容器具有固定宽度，并且外容器正在收缩以适合。
链接地址: http://www.djcxy.com/p/81359.html