PHP add <div “style=”clear"> </div> in a loop after every 4 records

Question

To style a page correctly I need to add <div style="clear:both"></div> after every 4 records in a loop.

Currently every records outputted into a php file and displayed in a <div> like I have below.

<div>content</div> 

On every 4th record I would like to add a clear <div> like this:

<div>content</div>
<div style="clear:both"></div>

Answer 1

Use a modulos

$i = 1;
while ($row = mysql_fetch_array($result) {
    echo '<div>'.$row.'</div>';
    if (($i++ % 4) == 0) echo '<div style="clear:both;"></div>';
}

You should not use mysql as it is deprecated. Instead, use MySQLi or PDO .

Answer 2

Adding this to you loop body ought to do the trick

if ($i != 0 && $i % 4 == 0) 
  //Output clear div here

Answer 3

I suggest you to use CSS as well, for example like this:

CSS

<style type="text/css">
    .normaldiv {
        /* other stuff here */
    }
    .cleardiv {
        clear: both;
    }
</style>

PHP

$array = array(
    'data1',
    'data2',
    'data3',
    ...
    'datan'
);

$html = '';

foreach ($array as $i => $data) {
    // Add class "normaldiv" or "normaldiv cleardiv"
    $html .= '<div class="normaldiv' . ( $i%4 == 3 ? ' cleardiv' : '' ) . '">' . $data . '</div>';
}

// Do anything with your html string
echo $html;

Maybe you need to adjust it to your needs (for example using an if clause within the foreach, if you want to make an empty div without css class "normaldiv").