формат макета div php

Question

я пытаюсь получить этот div, отображающий 5 в строке, а затем начать новую строку и отобразить больше

атм все, что происходит, это то, что происходит друг под другом.

КОД

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

Спасибо

Answer 1

Если вам нужно по пять делителей рядом друг с другом, то работает следующее:

.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 ^th div.

Answer 2

Если вы хотите, чтобы элементы div отображались рядом, для этого вам нужно использовать css float.

<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 с содержимым на одной строке. Это то, что вы ищете?

Answer 3

Тег

A <br /> всегда будет перемещаться в начало следующей строки. Так что, если у вас было это (я позволил себе добавить «/» к вашему второму тегу br, возможно, это была проблема):

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

Вы получите это:

Line1
Line2
Line3

Это не то, что вы хотите? Если нет, уточните, пожалуйста.