gpt4 book ai didi

html - 在同一文件中对大量相似的 HTML 元素使用分页?

转载 作者:行者123 更新时间:2023-11-27 23:21:12 26 4
gpt4 key购买 nike

所以我正在制作一个网络应用程序来运行我将在我的学校内托管的小型 CTF,并且我开发了一个网页来加载问题,我现在的示例将问题排成一列

这是如何完成的:

    <body class="main-body">

<div class="body">

<section class="content">

<div class="container-asdf"> <!-- This is a grid, assume that this particular element is repeated several times with changes -->
<div class="item-a">Test Problem</div>
<div class="item-b">Category: Test, Problem</div>
<div class="item-c"><button data-toggle="modal" data-target="#exampleModal" type="button" class="btn btn-info">Button</button></div>
</div>

</section>
</div>
</body>

(完全公开这个 HTML 可能很糟糕,只是使用我所知道的)

类别为“container-asdf”的 div 是根据问题数量自动生成的,假设它完美运行并生成了 50 个问题,我只希望其中 10 个一次出现在页面上,我想使用分页将它们分开,而不必制作大量不同的 HTML 页面,我该怎么做呢?我不需要代码,只需要一些概念和指南即可。我的第一个想法是把它放在不可见的容器中,当你选择不同的数字时让它出现,所以我问如何使用分页

总结:我有很多元素(在同一个 HTML 文件中)一次出现在页面上,我想限制它并将它分成页面而不必制作多个 HTML 文件,我正在使用 Flask/Jinja生成所述 HTML 文件(如果有帮助的话)。

感谢您的帮助!

最佳答案

不确定这是否适用,但您是否考虑过使用 easyPaginate jQuery 插件进行分页?示例和设置可用 here .

关于html - 在同一文件中对大量相似的 HTML 元素使用分页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57982719/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com