2009-12-23 60 views
0

我试图得到它该div在一排显示5,然后开始新的一行,并显示更DIV布局格式的PHP

ATM一切事情是正在互相去。

CODE

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

谢谢

+0

请更改问题并/或添加所需的输出。 – Gordon 2009-12-23 19:01:29

+0

每个打开角度支架后都有一个空格字符。这是打算吗?代码应该是

Line1
Line2
Line3
2009-12-23 19:07:00

回答

2

如果换成五周的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应该具有相同的高度。如果他们不这样做,则应在每隔5格之后加上<div class="clear"></div>

0

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

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

你会得到这样的:

Line1 
Line2 
Line3 

是那不是你想要的?如果没有,请澄清。

0

如果你想要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与同一行中的所有内容。这是你在找什么?