分頁

分頁小工具使用 <devsite-pagination> 自訂元素顯示分頁內容或切換顯示的內容量。

一般使用說明

以下範例使用 <devsite-pagination> 自訂元素指定 container 元素,藉此將每頁 <div> 個元素分成一頁。

1 號
2 號
3 號
4 號
5 號
6 號
第 7 段
8 號
9 號
10 號
11 號
12 號
除 13
14 號
15 號

多個 HTML 元素

以下範例使用 <devsite-pagination> 自訂元素來指定 container 元素,藉此將同一容器中的 <p><div> 元素分頁。

此為第 1 段。

此為第 2 段。

此為第 3 段。

此為第 4 段。

此為第 5 段。

此為第 6 段。

此為 div 1。
此為 div 2。
此為 div 3。
第 4 步。
群組 div 5。
群組 6

按鈕 UI

以下範例使用 <devsite-pagination> 自訂元素指定 container 元素,以載入八個初始 <div> 元素,並將其切換至顯示「更多」

1 號
2 號
3 號
4 號
5 號
6 號
第 7 段
8 號
9 號
10 號
11 號
12 號
除 13
14 號
15 號

開始展開

以下範例使用<devsite-pagination>自訂元素,以指定containerstart-expanded載入所有屬性的屬性<div> 可切換為顯示元素顯示部分內容的 Google Ads 新帳戶重新申請驗證。

1 號
2 號
3 號
4 號
5 號
6 號
第 7 段
8 號
9 號
10 號
11 號
12 號
除 13
14 號
15 號