PHP列表中的数组项目行数为3

Question

我看到了几个我正在考虑的例子,但它们并不是我正在寻找的......道歉,如果这是一个重复的帖子:

所以,我有这个函数读取数组中的项目,我定期添加(目前,我在列表中有超过50个项目).它将所有内容放在一个列表中(<ul>).

function getListItems()
{
$listItems = array(
    1 => "List Item 1",
    2 => "List Item 2",
    3 => "List Item 3",
    4 => "List Item 4",
    5 => "List Item 5",
    6 => "List Item 6",
    7 => "List Item 7",
    8 => "List Item 8",
    9 => "List Item 9",
    10 => "List Item 10",
    11 => "List Item 11",
    12 => "List Item 12",
    13 => "List Item 13",
    14 => "List Item 14",
    15 => "List Item 15",
);

$fullList = "<ul>";
foreach($listItems as $itemId=>$itemName)
{
    $fullList .= "<li><a href='somePage.php?id=" .$itemId. "'>" .$itemName. "</a></li>";
}
$fullList .= "</ul>";
return $fullList;
}

但是,我最终想要做的是创建一种方式将其显示在一个表格中,在屏幕上以三行显示...

而不是它目前正在做什么,只是列出你必须滚动"永远"的一切.

这是我目前输出的...(是的,它有点移动友好).

Answer 1

我会使用CSS - 特别是列计数属性.

请查看本指南,了解CSS列的工作原理:https://css-tricks.com/guide-responsive-friendly-css-columns/

注意:这不是PHP.

这是一个小提琴,显示这与你的代码输出之类的东西一起工作.

http://jsfiddle.net/j86fu084/

ul{
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

您还可以添加一个UL元素类,并使用它来定位CSS样式.