頁面指示器

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

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

.s7ecatalogviewer .s7pageindicator

CSS屬性

說明

頂部

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

右側

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

左側

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

底部

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

width

頁面指示器的寬度。

height

頁面指示器的高度。

color

字型色彩.

font-family

字型名稱。

字型大小

字型大小.

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

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

本頁內容