html - 在相互不包装,但整个列表包装,如何制作更多的div?

  显示原文与译文双语对照的内容
0 0

我在彼此的后面有一个 div,看起来像这样。

<div class="tag">one tag</div>
<div class="tag">second tag</div>
<div class="tag">third tag</div>
...50 more of them....
(in CSS)
.tag {
 display:inline
}

我发现,我有太多的,他们开始在中间打破,并且我不想那样。

但是,当我像这样设置 nowrap

.tag {
 display:inline;
 white-space:nowrap;
}

它们都在一行上,使得窗口的长度超过了 100% 。 我不希望那样。

我想要的:如果在一行上有太多的div,则div的列表可以能会断开,但div本身并不是。 我只是不想打断中间的div 。

我希望我清楚地告诉你。

时间:原作者:6个回答

0 0

如果我理解,你希望他们放到一边,然后在行满的时候打开一条新线,但不在div中间。

你所需要的就是

.tag {
 float: left;
}

请参见这里的 fiddle演示。

如果你想要在它们之间留出一些空间,也可以添加 padding-left: 5px;

原作者:
0 0
.tag {
 display:inline;
 white-space:nowrap;
 float:left;
}

That ( 并添加"清除了 clear:both的空 div 。

原作者:
...