頁面指示器

頁面指標會顯示目前的頁面索引和頁面總數。 它會顯示在桌上型電腦系統和平板電腦的主控制列，在行動電話上會新增至次要控制列。 頁面指示器可由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; 
}

本頁內容