Css mySQL+；列表-如何使用flexbox水平显示

我正在从mySQL数据库中回显项目

我用桌子让它工作得很好

现在，我正在尝试使用flexbox，因为很显然，桌子，即使看起来很完美，也不是一个好办法

我把每一项都列在无序的清单上

列表一直垂直显示每一行，我无法让它显示在整个页面上

有没有人有简单的flex box列表代码？在我把这件事做好之前，这件事是不会发生的

以下是php中的一个示例：

   while($row = $results->fetch_array()) {
       print '<section><ul class="flexcontainer"><li class="flexcontent">
                '.$row["ID"].'
            </li>';

while（$row=$results->fetch\u array（））{
打印“

“.$row[“ID”]”
'；

听起来您可能正在寻找

灵活方向：行；

的样式为

ul

（每个项目）。 见：

话虽如此，表对于数据表示来说是非常好的。您甚至可以让它们具有响应性；试着看看您能做些什么：

table, tr, td {
    display: block;
}

PS：请务必包含您的代码，这样就没有人会猜到您在做什么以及哪里出错了。

主要答案 要使列表项水平显示，需要将flex属性应用于列表元素，而不是列表项本身

如果您有一个

，其中包含

，则您的html可能如下所示：

<ul style="display: flex; flex-direction: row;">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

项目1
项目2
项目3

附加说明 上面给出的解决方案本身会在整个页面上显示项目，但可能会导致项目重叠。这可以通过使用例如

justify content:space around；

来解决，该解决方案将以相等的空间显示所有项目。可以找到更多选项

我还建议使用

flex-wrap:wrap；

，这将确保项目到达容器边缘时将环绕到下一行

---

希望这能解决您的问题：）

因为

flexbox

不能像HTML Table那样处理表格数据（而且从来没有打算这样做），您需要提供一个呈现结果，然后我们才能提出一个好的解决方案。仅供参考，没有像表这样的东西，即使它们看起来很完美，也不是前进的方向，如果使用得当，表是如此的好，以至于它们得到了一个升级，CSS GridOh，现在人们可以使用它，它可以被更改为

flexbox

项或

行块

或者……嗯，几乎所有的东西都请包含您的代码，这样就没有人需要猜测了……那么您为什么要猜测呢？因为这似乎是一个合理的猜测；）