如果你的網(wǎng)頁有很多內(nèi)容，就需要使用分頁功能。為了創(chuàng)建一個(gè)基礎(chǔ)的分頁功能，你需要在lt;ulgt;元素上添加.pagination類。 lt;ul class"pagination"gt; lt

如果你的網(wǎng)頁有很多內(nèi)容，就需要使用分頁功能。為了創(chuàng)建一個(gè)基礎(chǔ)的分頁功能，你需要在lt;ulgt;元素上添加.pagination類。

lt;ul class"pagination"gt;
  lt;ligt;lt;a href"#"gt;1lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;2lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;3lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;4lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;5lt;/agt;lt;/ligt;
lt;/ulgt;

當(dāng)前頁面標(biāo)注

當(dāng)前頁面可以在lt;ligt;元素上加上.current類來標(biāo)注。例如：

lt;ul class"pagination"gt;
  lt;li class"current"gt;lt;a href"#"gt;1lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;2lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;3lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;4lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;5lt;/agt;lt;/ligt;
lt;/ulgt;

禁用分頁

如果需要設(shè)置某個(gè)分頁不可點(diǎn)擊，可以使用.unavailable類。例如：

lt;ul class"pagination"gt;
  lt;ligt;lt;a href"#"gt;1lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;2lt;/agt;lt;/ligt;
  lt;li class"unavailable"gt;lt;a href"#"gt;3lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;4lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;5lt;/agt;lt;/ligt;
lt;/ulgt;

分頁方向符號(hào)

在第一個(gè)和最后一個(gè)lt;ligt;元素上添加.arrow類，可以插入HTML實(shí)體符號(hào)amp;laquo;和amp;raquo;來創(chuàng)建分頁方向符號(hào)。例如：

lt;ul class"pagination"gt;
  lt;li class"arrow"gt;lt;a href"#"gt;amp;laquo;lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;1lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;2lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;3lt;/agt;lt;/ligt;
  lt;ligt;lt;a href"#"gt;4lt;/agt;lt;/ligt;
  lt;li class"arrow"gt;lt;a href"#"gt;amp;raquo;lt;/agt;lt;/ligt;
lt;/ulgt;

分頁居中顯示

如果想要將分頁居中顯示，可以在lt;ulgt;外層添加lt;divgt;元素，并在lt;divgt;上添加.pagination-centered類。例如：

lt;div class"pagination-centered"gt;
  lt;ul class"pagination"gt;
    lt;li class"arrow"gt;lt;a href"#"gt;amp;laquo;lt;/agt;lt;/ligt;