php - divレイアウト形式php

Question

私はそれを試していますそのdivが5を続けて表示し、次に新しい行を開始してさらに表示します

起こっているのは、お互いの下にあることだけです。

コード

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

ありがとうございました

Answer 1

1行に5つの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<div class="clear"></div>ごとに配置する必要があります。

Answer 2

<br />タグは常に次の行の先頭に移動します。したがって、これがある場合（2番目のbrタグに「/」を追加する自由を取りました。おそらくこれが問題でした）：

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

あなたはこれを得るでしょう：

Line1
Line2
Line3

それはあなたが望むものではありませんか？そうでない場合は、明確にしてください。

Answer 3

divを並べて表示する場合は、cssfloatを使用する必要があります。

<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として表示されます。これはあなたが探しているものですか？