頁面指示器 page-indicator

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

外觀頁面指標是由下列CSS類別選取器所控制:

.s7ecatalogsearchviewer .s7pageindicator

CSS屬性
說明
從主要控制列(在桌上型電腦系統和平板電腦上)或次要控制列(在行動電話上)的頂端邊框定位,包括邊框間距。
從主要控制列(在桌上型電腦系統和平板電腦上)或次要控制列(在行動電話上)的右邊框定位,包括邊框間距。
已離開
從主要控制列(在桌上型電腦系統和平板電腦上)或次要控制列(在行動電話上)的左邊框定位,包括邊框間距。
從主要控制列(在桌上型電腦系統和平板電腦上)或次要控制列(在行動電話上)的底部邊框定位,包括邊框間距。
寬度
頁面指示器的寬度。
高度
頁面指標的高度。
色彩
字型顏色。
字型系列
字型名稱。
字型大小
字型大小。

範例 — 將頁面指示器設定為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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8