ページャー

uc-pager クラスを指定することで、ページャーを作成することができます。

1. 基本

基本となるページャーを作成します。

<div class="uc-pager-unit">
  <ul class="uc-pager">
    <li class="_current"><span>1</span></li>
    <li><a href="#"><span>2</span></a></li>
    <li><a href="#"><span>3</span></a></li>
    <li><a href="#"><span>4</span></a></li>
    <li class="_ghost"><span>...</span></li>
    <li><a href="#"><span>10</span></a></li>
  </ul>
</div>

2. 中央寄せ

_center クラスを指定することで、要素を中央に配置することができます。

<div class="uc-pager-unit _center">
  <ul class="uc-pager">
    <li class="_current"><span>1</span></li>
    <li><a href="#"><span>2</span></a></li>
    <li><a href="#"><span>3</span></a></li>
    <li><a href="#"><span>4</span></a></li>
    <li class="_ghost"><span>...</span></li>
    <li><a href="#"><span>10</span></a></li>
  </ul>
</div>