我是从一个表中调用mysql,这显示在一列中,我希望数据在两列中彼此相邻。您可以在www.urimsopa.com
查看此内容。这是我的代码。
$results = $mysqli->query("SELECT * FROM main_menu ORDER BY MenuID ASC");
if ($results) {
//fetch results set as object and output HTML
while($obj = $results->fetch_object())
{
echo '<div class="product">';
echo '<form method="post" action="model/cart_update.php">';
echo '<div class="product-content"><h2>'.$obj->Title.'</h2>';
echo '<div class="product-thumb"><img width=400 height=300 src="uploads/'.$obj->Photo.'"></div>';
echo '<div class="product-info">';
echo 'Price '.$currency.$obj->Price.' | ';
echo 'Qty <input type="text" name="product_qty" value="1" size="5" />';
echo '<button class="add_to_cart">Add To Cart</button>';
echo '</div>
</div>';
echo '<input type="hidden" name="product_code" value="'.$obj->MenuID.'" />';
echo '<input type="hidden" name="type" value="add" />';
echo '<input type="hidden" name="return_url" value="'.$current_url.'" />';
echo '</form>';
echo '</div>';
谢谢。
我认为你的问题是CSS不是mysql,如果每次你拉下,而循环你正在创建一个新的对象,你需要浮动每个对象到左边,然后他们应该适合的地方。
所以尝试
.product {float:left};
它的CSS问题修改style .css
第781行
#products-wrapper {
float: left;
font: 12px Arial,Helvetica,sans-serif;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 10px;
position: relative;
width: 100%;
}
第791行.products {
float: left;
margin-right: 10px;
width: 100%;
}
并删除所有
标记
你必须重建很多方面。
宽度为640px的产品包装。单个产品框的宽度是434px。因此,考虑减少框的宽度与图像的宽度,或增加包装宽度超过870px,以提供足够的空间来保持两个框并排。
你的.products类有float:left;
,这是不必要的。让你的产品类向左浮动
.product {
float: left;
display: inline-block;
}
记得清除:both;在。products块之后。