頁面指標

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

頁面指示器的外觀是由下列CSS類別選取器所控制：

.s7ecatalogviewer .s7pageindicator

CSS屬性

說明

頂部

從主要控制列（在桌上型電腦系統和平板電腦上）或次要控制列（在行動電話上）的頂端邊框定位，包括邊框間距。

右側

從主要控制列（在桌上型電腦系統和平板電腦上）或次要控制列（在行動電話上）的右邊框定位，包括邊框間距。

左側

從主要控制列（在桌上型電腦系統和平板電腦上）或次要控制列（在行動電話上）的左邊框定位，包括邊框間距。

底部

從主要控制列（在桌上型電腦系統和平板電腦上）或次要控制列（在行動電話上）的底部邊框定位，包括邊框間距。

width

頁面指示器的寬度。

height

頁面指示器的高度。

color

字型色彩.

font-family

字型名稱。

font-size

字型大小.

範例 — 設定頁面指示器為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;
}

本頁內容