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

【问题标题】：Pagination works fine but the numbers are sorted vertically. I need them horizontal.分页工作正常，但数字是垂直排序的。我需要它们水平。
【发布时间】：2018-05-02 13:10:47
【问题描述】：

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

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;

【问题讨论】：

标签： javascript php html css pagination

【解决方案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>

【讨论】：

谢谢，这解决了我的问题！我的菜鸟错误。