以HTML输出为中心

Question

如何将输出居中？ 我想的是盒子里的产品都在主体的中心

#nicebox {
	float: left;
	/*position: relative;*/
	border: 1px solid #fff;
	padding: 5px;
	margin: 10px;
	
}

<h3>Popular Products</h3>

<?php
require_once('my_connect.php');

$my_query="select * from products limit 5"; 
$result= mysqli_query($connection, $my_query);

while ($myrow = mysqli_fetch_array($result)):

$description = $myrow["product_description"];
$price = $myrow["price"];
$image=$myrow["image"];

if($image):
echo "<div id=\"nicebox\"><a href=\"products/$image\" rel=\"lightbox[dp]\"  title=\"$description\" alt=\"Hello\"><img src=\"products/$image\" class=\"thumbnail\"></a></div>";

endif;

endwhile;

?>

提前感谢！

Answer 1

#nicebox {
    /*position: relative;*/
    border: 1px solid #fff;
    padding: 5px;
    margin: 0 auto;

}

我认为这应该可以解决问题。

Answer 2

将PHP输出包装在<div>中，给它一个id（例如#output）或类，并为其添加样式。

#output {
  margin: 0 auto;
}