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

Question

我终于让我的分页工作了，但现在数字垂直显示。是我的代码中的某些东西导致了这种情况吗？如果此代码没有提供足够的信息，请告诉我，我将发布完整的代码。

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;

Answer 1

您正在以 <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>