我们如何在 Materialise CSS 中创建分页？
Materialize CSS 是由 Google 使用 HTML、CSS 和 JavaScript 组合创建的前端 UI 库。它基本上是一种将经典设计与现代创新和技术相结合的设计语言。 Google 开发 Materialise CSS 的目的是为他们在互联网上的所有产品提供统一的系统设计。 Materialize CSS 也称为 Material Design。
在本文中，我们将讨论一个非常有用的组件，它几乎可以在所有网站中找到，即分页。分页出现在多个网站中，最常见的例子是做谷歌搜索。您可以在每个 Google 搜索页面的底部看到如上图所示的分页标签。分页有助于以更好的方式显示大量数据。
让我们通过一个例子来理解这一点：假设您在亚马逊网站上搜索过手机，现在亚马逊有成千上万的手机要显示，这些手机无法在一个屏幕上显示，如果它显示所有选项在一个网页上页面，它会变得很长，用户必须进行非常忙碌的滚动，给用户或客户带来非常糟糕的体验。取而代之的是，我们可以假设每个页面上显示 20 部手机，并在最后进行分页，以便用户可以浏览它们。
现在，让我们通过 Materialize CSS 来了解如何使用分页。让我们使用以下语法为此页面添加分页代码。
句法：
现在，默认情况下，所有没有任何 URL 的按钮都没有链接到任何页面。我们可以将每个页面按钮链接到不同的页面，也可以增加或减少编号。通过增加或减少页数。列表项。
现在，这是我们用 4 个页面创建的基本分页示例：
- 如果我们点击页号，则浏览后续页面。
- 单击的页面将突出显示。
示例：在下面的示例中，我们将创建 3 个可以使用导航访问的文件。
输出：
