我正在尝试获得一个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;
}
https://stackoverflow.com/questions/7624718
复制相似问题