頁面指示器

頁面指標會顯示目前的頁面索引和頁面總數。 它會顯示在桌上型電腦系統和平板電腦的主控制列,在行動電話上會新增至次要控制列。 頁面指示器可由CSS調整大小、改變外觀並定位。

外觀頁面指示器由下列CSS類別選擇器控制:

.s7ecatalogsearchviewer .s7pageindicator

CSS屬性

說明

頂部

從主控制列(在桌上型電腦系統和平板電腦上)或次控制列(在行動電話上)的上邊框定位,包括間距。

右側

從主控制列(在桌上型電腦系統和平板電腦上)或次控制列(在行動電話上)的右邊框定位,包括填補空白。

左側

從主控制列(在桌上型電腦系統和平板電腦上)或次控制列(在行動電話上)的左邊框中的位置,包括間距。

底部

從主控制列(在桌上型電腦系統和平板電腦上)或次控制列(在行動電話上)的底邊框中定位,包括間距。

width

頁面指示器的寬度。

height

頁面指示器的高度。

color

字型色彩.

font-family

字型名稱。

字型大小

字型大小.

範例——若要設定56 x 28像素、水準置中且位於主控制列底部4像素的頁面指標,並使用14像素的Helvetica字型。

.s7ecatalogsearchviewer  .s7pageindicator { 
 position:absolute; 
 bottom: 4px; 
 margin-left: -28px;  
 left: 50%; 
 width:56px; 
 height:28px; 
 font-family: Helvetica; 
 font-size:14px; 
}

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now