php - div布局格式php

Question

我正在尝试让该 div 连续显示 5 个，然后开始一个新行并显示更多

atm 正在发生的一切都是相互之间的关系。

代码

 < div>Line1< br />Line2< br>Line3< /div>

谢谢

Answer 1

如果您希望每行并排五个 div，则可以使用以下方法：

.cell { padding:0; margin:0; float:left; width:20%; }
.clear { clear:both; }

--

<div class="cell">1</div>
<div class="cell">2</div>
<div class="cell">3</div>
<div class="cell">4</div>
<div class="cell">5</div>
<div class="cell">6</div>
<div class="cell">7</div>

<div class="clear"></div>

为获得最佳效果，所有 div 应具有相同的高度。如果他们不这样做，你应该<div class="clear"></div>在每 5^个div 之后放置。

Answer 2

如果您希望 div 并排显示，则需要使用 css 浮点数来做到这一点。

<style type="text/css">
div { float: left }
</style>

然后，您需要使用 a<br clear="all" />向下移动到下一行。

这将意味着

<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div>

将显示为 12345，内容都在同一行。这是你要找的吗？

Answer 3

标签将<br />始终移动到下一行的开头。所以如果你有这个（我冒昧地在你的第二个 br 标签中添加了一个“/”，也许这就是问题所在）：

<div>Line1<br />Line2<br />Line3</div> 

你会得到这个：

Line1
Line2
Line3

这不是你想要的吗？如果不是，请澄清。