无法从html中的新行开始

Question

if(!empty($interest)){

foreach ($interest as $key => $value) {
    echo "<div style='float:left; height:130px; width:100px; margin-left:10px; border:solid #f8f8f8; background-color: #f8f8f8;'>";
    echo   "<a class='avatar' href='#'><img width='90' height='40' src=".$value['item_image']."></a>";
        echo   "<div><i>".$value['item_name']."</i></div>";
     echo  "<a href='#' style='text-decoration: none; outline: none;'><span class='label label-success' value=".$value['item_id']." id=".$value['item_id']." onClick='reply_click1(this.id)'>Added</span></a>";
       echo " </div>";


        }
}

这是我的代码我在这里水平打印图像，但我需要每行打印两张图像！ 这是我的输出。

我每行需要两件物品

我试图放<hr>和<br>它对我没有帮助！有没有办法做到这一点？

Answer 1

$counter = 0;
foreach ($interest as $key => $value) {

$counter++;

if($counter%2==0){
  echo '<div style="clear:both;"></div>';
}

echo "<div style='float:left; height:130px; width:100px; margin-left:10px; border:solid #f8f8f8; background-color: #f8f8f8;'>";
echo   "<a class='avatar' href='#'><img width='90' height='40' src=".$value['item_image']."></a>";
    echo   "<div><i>".$value['item_name']."</i></div>";
 echo  "<a href='#' style='text-decoration: none; outline: none;'><span class='label label-success' value=".$value['item_id']." id=".$value['item_id']." onClick='reply_click1(this.id)'>Added</span></a>";
   echo " </div>";


    }
}

Answer 2

由于您拥有float:left css属性，因此您必须编写<br style="clear:both" />

Answer 3

定义div宽度的简便方法：50％的样式或使用clear：两者都是br