Question

我希望单行多行记录显示在单行我运行的代码显示在不同行上的多个记录我想在单行上显示项目。例如我想在一行上显示4个产品我附加运行像这样的回声结果的代码

product 1

product 2

product 3

product 4

我想用这段代码做什么就像那样回应

product 1    product 2     product 3    product 4

希望你们明白我想做什么。

     $results = $mysqli->query("SELECT * FROM products ORDER BY id desc");
if ($results) { 

    //fetch results set as object and output HTML
    while($obj = $results->fetch_object())
    {
        echo '<div class="product">'; 
        echo '<form method="post" action="cart_update.php">';
        echo '<div class="product-thumb"><img src="img/'.$obj->product_img_name.'"></div>'; 
        echo '<div class="product-content"><h3>'.$obj->product_name.'</h3>';
        //echo '<div class="product-desc">'.$obj->product_desc.'</div>';
        echo '<div class="product-info">';
        echo 'Price '.$currency.$obj->price.' | ';
        echo 'Qty <input type="text" name="product_qty" value="1" size="3" />';
        echo '<button class="btn btn-warning btn-xs"">Add To Cart</button>';
        echo '</div></div>';
        echo '<input type="hidden" name="product_code" value="'.$obj->product_code.'" />';
        echo '<input type="hidden" name="type" value="add" />';
        echo '<input type="hidden" name="return_url" value="'.$current_url.'" />';
        echo '</form>';
        echo '</div>';
    }

}

Answer 1

DIV是一个块元素。如果你想让它作为一个内联元素，你需要在你的CSS中设置它。

.product {
  display:inline;
}

你的产品DIV中有一个FORM和其他DIV元素，它们也都是块元素。您可以通过执行以下操作将产品DIV中的所有内容用作内联元素：

.product * {
  display:inline;
}

如果您不熟悉块和内联元素，那么您需要阅读：http://www.w3schools.com/html/html_blocks.asp

我希望单行多行记录显示在单行中

1 个答案: