css - mySQL + List - 如何使用 flexbox 水平显示

Question

我正在回显来自 mySQL 数据库的元素。

我使用表格让它完美地工作。

现在，我正在尝试使用 flexbox，显然，表格，即使它们看起来很完美，也不是可行的方法。

我有一个无序列表中的每个元素。

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

有没有人有任何简单的 flex-box 列表代码？在我让它工作之前，响应是不可能的!

这是来自 php 的示例:

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

Answer 1

这听起来好像您可能正在寻找 flex-direction: row; 的 ul 样式(每个元素)。请参阅:https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction

话虽这么说，表格非常适合数据展示。您甚至可以让它们响应；试试这个看看你能做什么:

table, tr, td {
    display: block;
}

PS:请务必包含您的代码，这样就不会有人猜测您在做什么以及哪里出了问题。