t所有项目都在一个容器中是错误的。每两个项目都配对在一起，以便它们可以在页面上水平放置在一起-我觉得在配对容器中仅隐藏2个项目中的1个时，这可能是一个问题。谢谢。啊，我错了，我其实不需要那个假设。我的JavaScript将考虑页面上的所有 .item <

---

t所有项目都在一个容器中是错误的。每两个项目都配对在一起，以便它们可以在页面上水平放置在一起-我觉得在配对容器中仅隐藏2个项目中的1个时，这可能是一个问题。谢谢。啊，我错了，我其实不需要那个假设。我的JavaScript将考虑页面上的所有<代码> .item < /C>元素。如果要在两列中显示项目，可以使用布局。你可能应该问一个单独的问题。

  while($row = mysqli_fetch_assoc($result)){
        if ($startDiv == true) { ?>
            <div class="centeringDiv">
            <div class="laptops"><br />
                <img src="<?php echo "img/" . $row["img"] ?>"><br />
                <div class="laptopText">
                    <h3><?php echo $row["brand"] . $row["model"] ?></h3><br />
                    <p><?php echo $row["cpu_type"] . ", " . $row["cpu_model"] . ", " . $row["OS"] . ", " . $row["RAM"] . $row["RAM_type"] . ", " . $row["storage"] . ", " . $row["display"] . ", " . $row["gpu"]?></p><br />
                    <p class="price"><?php echo "£" . $row["price"] ?></p><br />
                    <div class="itemFormDiv">
                        <form method="post" action="homepage.php?action=add&id=<?php echo $row["ID"] ?>">
                            <input class="quantity" name="quantity" type="number" min="1" max="9" value="1">
                            <input type="hidden" name="hidden_name" value="<?php echo $row["brand"] . $row["model"] ?>">
                            <input type="hidden" name="hidden_desc" value="<?php echo $row["cpu_type"] . ", " . $row["cpu_model"] . ", " . $row["OS"] . ", " . $row["RAM"] . ", " . $row["RAM_type"] . ", " . $row["storage"] . ", " . $row["display"] . ", " . $row["gpu"]?>">
                            <input type="hidden" name="hidden_price" value="<?php echo $row["price"] ?>">
                            <input class="addTooBasket" name="addTooBasket" type="submit" value="Add to Basket">
                        </form>
                    </div>
                </div>
            </div>
            <?php $startDiv = false;
        }
        else { ?>
                <div class="laptops"><br />
                    <img src="<?php echo "img/" . $row["img"] ?>"><br />
                    <div class="laptopText">
                        <h3><?php echo $row["brand"] . $row["model"] ?></h3><br />
                        <p><?php echo $row["cpu_type"] . ", " . $row["cpu_model"] . ", " . $row["OS"] . ", " . $row["RAM"]  . $row["RAM_type"] . ", " . $row["storage"] . ", " . $row["display"] . ", " . $row["gpu"]?></p><br />
                        <p class="price"><?php echo "£" . $row["price"] ?></p><br />
                        <div class="itemFormDiv">
                            <form method="post" action="homepage.php?action=add&id=<?php echo $row["ID"] ?>">
                                <input class="quantity" name="quantity" type="number" min="1" max="9" value="1">
                                <input type="hidden" name="hidden_name" value="<?php echo $row["brand"] . $row["model"] ?>">
                                <input type="hidden" name="hidden_desc" value="<?php echo $row["cpu_type"] . ", " . $row["cpu_model"] . ", " . $row["OS"] . ", " . $row["RAM"] . ", " . $row["RAM_type"] . ", " . $row["storage"] . ", " . $row["display"] . ", " . $row["gpu"]?>">
                                <input type="hidden" name="hidden_price" value="<?php echo $row["price"] ?>">
                                <input class="addTooBasket" name="addTooBasket" type="submit" value="Add to Basket">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <?php $startDiv = true;
        }
    }

<div class="refineExpanded" hidden="">
        <form method="post" onsubmit="refineClick()">
            <div class="refineTitle">Refine</div>
            <div class="refineCPU">
                CPU <br />
                Intel<input type="checkbox" name="CPU" id="0" value="Intel"><br />
                AMD<input type="checkbox" name="CPU" id="1" value="AMD"><br />
            </div>
            <div class="refineRAM">
                RAM <br />
                4GB<input type="checkbox" name="RAM" id="2" value="4"><br />
                8GB<input type="checkbox" name="RAM" id="3" value="8"><br />
                16GB<input type="checkbox" name="RAM" id="4" value="16"><br />
                32GB<input type="checkbox" name="RAM" id="5" value="32"><br />
            </div>
            <div class="refineStorage">
                Storage<br />
                HDD<input type="checkbox" name="Storage" id="6" value="HDD"><br />
                SSD<input type="checkbox" name="Storage" id="7" value="SSD"><br />
            </div>
            <div class="refineOrderBy">
                Order By:<select name="orderBy">
                    Order By:
                    <option value="priceH2L">Price High->Low</option>
                    <option value="priceL2H">Price High<-Low</option>
                    <option value="alphabetical">Alphabetical</option>
                </select>
            </div>
            <div class="refineGo">
                <input type="submit" value="Go">
            </div>
        </form>
    </div>