题
我试图它得到该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与内容所有在同一行上。就是你要找的这是什么?
不隶属于 StackOverflow