php - 在多列中显示列表项并限制行数

Question

我正在开发一个 php 元素，其中我从数据库中获取列表，我需要在 html 中以 3 列和 10 行的形式显示此数据，并在末尾添加一个“更多”按钮

<?php foreach ($items as $item) { ?>
        <ul>
            <li><a href="<?php echo $item['href']; ?>" >
            <?php echo $item['name']; ?></a></li>
        </ul>
        <?php } ?>

我希望它显示为-

item1 item2 item3

item4 item5 item6

.

.

.

.

最多 10 行

最后一行是

item item "more"- 仅当列表中有更多元素时

“更多”只是一个链接，可以将我带到其他页面

感谢您的帮助。

Answer 1

在li中添加display:inline并使用伪类打断

ul{
    margin:0
}
li{
    display:inline
}
li:nth-child(3n):after {
 content:"\A"; 
 white-space:pre; 
}

脚本(显示更多链接)

$('#moreli').toggle($("li").size() > 6);

这会在 6 个列表项之后启用更多链接，您可以在脚本中更改计数。

注意:减少列表项查看效果

DEMO UPDATED