收缩包装/收缩以适应css中回流的浮动div
收缩包装/收缩以适应css中回流的浮动div
提问于 2011-10-02 13:04:27
我正在尝试获得一个div content，它可以调整到一行中可以容纳的div的数量。因此，当窗口比所有item div的总和都大，因此它们都在一行中时，该示例工作得很好，但是当窗口调整得更小，以便其中一个item回流到下一行时，content div的宽度是100%，而不是收缩包装。
我想要这样做的原因是，我可以让内容居中，在内容上方有一个菜单栏，缩小到组合回流内容的大小。
HTML：
<div class="wrapper">
<div class="content">
<div class="item">Hello.</div>
<div class="item">Hello.</div>
<div class="item">Hello.</div>
<div class="item">Hello.</div>
<div class="item">Hello.</div>
</div>
</div>CSS：
.item {
float: left;
width: 70px;
border: 1px solid black;
}
.content {
display: inline-block;
border: 1px solid black;
}
.content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7624718
复制相关文章
相似问题