分页工作正常,但数字是垂直排序的。我需要它们水平。

时间:2017-11-19 01:53:03

标签: javascript php html css pagination

我终于让我的分页工作,但现在数字显示垂直对齐。我的代码中有什么东西导致了这个吗如果此代码没有提供足够的信息,请告诉我,我会发布完整的代码。



foreach (getPageList($number_of_pages, $whatIWant, 12) as $i)
{
    if ($i == $whatIWant)
    {
        $pagination .= '<li class="active"><a href="?page='.$page. $i . 
                     '"ng-click="progress()" class="goToTop">' . 
                     $i . '</a></li>';
    }
    else if ($i == 0)
    {
        $pagination .= '<li>&hellip;</li>';
    }
    else
    {
         $pagination .= '<li class="active"><a href="?page='.$page. $i . 
                     '"ng-click="progress()" class="goToTop">' . 
                     $i . '</a></li>';
    }
}       
echo $pagination;
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:4)

您正在<li>打印您的分页编号,这将列出一个列表。删除列表,它将显示预期的行为。

演示:

<li class="active"><a href="?page=1" ng-click="progress()" class="goToTop"> 1 </a></li>
<li class="active"><a href="?page=2" ng-click="progress()" class="goToTop"> 2 </a></li>

<p>If you remove list tag: </p>
<a href="?page=1" ng-click="progress()" class="goToTop"> 1 </a> &nbsp;
<a href="?page=2" ng-click="progress()" class="goToTop"> 2 </a>