我试图它得到该div在一排显示5,然后开始一个新行,并显示更

大气压一切事情是被下彼此去。

<强> CODE

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

感谢您

有帮助吗?

解决方案

如果你换成五周的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。

其他提示

一个<br />标记将总是移动到下一行的开头。所以,如果你有这个(我冒昧地一个“/”添加到你的第二个BR标签,也许这就是问题所在):

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

您会得到这样的:

Line1
Line2
Line3

这是你不想要的东西?如果不是,请澄清。

如果你想的div显示并排侧,你需要使用CSS浮动做到这一点。

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

然后,你需要使用一个<br clear="all" />向下移动到下一行。

这将意味着

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

会显示为12345与内容所有在同一行上。就是你要找的这是什么?

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top