ページャー
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>