Php 分页链接的css

我想了解一下如何对搜索结果的以下页面进行格式化

这是分页代码：

  //Create and print the Navigation bar
       $nav="";
       $next = $page+1;
       $prev = $page-1;
       if($page > 1) {
            $nav .= "<div class=\"search_mainpg\"><div class=\"searchpage\" style=\"width:5%;\"><a onclick=\"showPage('','$prev'); return false;\" href=\"$self?page=" . $prev . "&q=" .urlencode($search_result) . "\">< Prev</a></div>";

            $first = "<div class=\"searchpage\" style=\"width:2%;\"><a onclick=\"showPage('','1'); return false;\" href=\"$self?page=1&q=" .urlencode($search_result) . "\"> << </a></div>" ;
        }

        else {
            $nav .= "&nbsp;";
            $first = "&nbsp;";
        }

       for($i = 1 ; $i <= $numpages ; $i++) {
            if($i == $page) {
                $nav .= "<b>$i</b>";
            }else{
                $nav .= "<div class=\"searchpage\" style=\"width:2%;\"><a onclick=\"showPage('',$i); return false;\" href=\"$self?page=" . $i . "&q=" .urlencode($search_result) . "\">$i</a></div>";
            }
        }

        if($page < $numpages) {
            $nav .= "<div class=\"searchpage\" style=\"width:5%;\"><a onclick=\"showPage('','$next'); return false;\" href=\"$self?page=" . $next . "&q=" .urlencode($search_result) . "\">Next ></a></div>";

            $last = "<div class=\"searchpage\" style=\"width:2%;\"><a onclick=\"showPage('','$numpages'); return false;\" href=\"$self?page=$numpages&q=" .urlencode($search_result) . "\"> >> </a></div></div>";
        }

        else {

             $nav .= "&nbsp;";
             $last = "&nbsp;";
        }

        echo  $first . $nav . $last;

//创建并打印导航栏
$nav=“”；
$next=$page+1；
$prev=$page-1；
如果（$page>1）{
$nav=”；
}
}
如果（$page<$numpages）{
$nav=”；
$last=“”；
}
否则{
$nav=”；
$last=“”；
}
echo美元优先$导航$最后的

目前，它显示如下：

---

div有一个CSS属性display:block，这意味着它们试图水平填充

---

您应该在所有div上尝试float:left，或者display:inline

div具有display:block的CSS属性，这意味着它们尝试水平填充

您应该在所有div上尝试float:left，或者display:inline

尝试将

标记改为

div

是块标记，而

span

是内联的。就像

与

相比，其中一个设计用于在内容上方放置空间，另一个只是修改视图

另一件事是，您可以使用

$i

将当前值加粗。这也应该是一个

span

或

div

或您正在使用的任何东西，这样您以后可以通过CSS轻松地修改它。

尝试将

标记改为

div

是块标记，而

span

是内联的。就像

与

相比，其中一个设计用于在内容上方放置空间，另一个只是修改视图

---

另一件事是，您可以使用

$i

将当前值加粗。这也应该是一个

span

或

div

或您正在使用的任何东西，以便您以后可以通过CSS轻松地修改它。

以下是分页示例的源代码

这是一种flick类型的分页

CSS:

HTML:

<ul id="pagination-flickr">
<li class="previous-off">«Previous</li>
<li class="active">1</li>
<li><a href="?page=2">2</a></li>
<li><a href="?page=3">3</a></li>
<li><a href="?page=4">4</a></li>
<li><a href="?page=5">5</a></li>
<li><a href="?page=6">6</a></li>
<li><a href="?page=7">7</a></li>
<li class="next"><a href="?page=2">Next »</a></li>
</ul> 

HTML:

<ul id="pagination-digg">
<li class="previous-off">«Previous</li>
<li class="active">1</li>
<li><a href="?page=2">2</a></li>
<li><a href="?page=3">3</a></li>
<li><a href="?page=4">4</a></li>
<li><a href="?page=5">5</a></li>
<li><a href="?page=6">6</a></li>
<li><a href="?page=7">7</a></li>
<li class="next"><a href="?page=2">Next »</a></li>
</ul> 

«上一次
1

---

但是如果没有一个你想要什么的例子，就很难弄清楚你想要什么

以下是分页示例的来源

这是一种flick类型的分页

CSS:

HTML:

<ul id="pagination-flickr">
<li class="previous-off">«Previous</li>
<li class="active">1</li>
<li><a href="?page=2">2</a></li>
<li><a href="?page=3">3</a></li>
<li><a href="?page=4">4</a></li>
<li><a href="?page=5">5</a></li>
<li><a href="?page=6">6</a></li>
<li><a href="?page=7">7</a></li>
<li class="next"><a href="?page=2">Next »</a></li>
</ul> 

HTML:

<ul id="pagination-digg">
<li class="previous-off">«Previous</li>
<li class="active">1</li>
<li><a href="?page=2">2</a></li>
<li><a href="?page=3">3</a></li>
<li><a href="?page=4">4</a></li>
<li><a href="?page=5">5</a></li>
<li><a href="?page=6">6</a></li>
<li><a href="?page=7">7</a></li>
<li class="next"><a href="?page=2">Next »</a></li>
</ul> 

«上一次
1

---

但是如果没有一个你想要什么的例子，就很难弄清楚你想要什么

你应该告诉我们你想要什么，如果它是水平的，可能看起来会更好（见下面的答案）。比如，你应该告诉我们你想要什么，如果它是水平的，可能看起来会更好（见下面的答案）。希望没有问题helps@fusion没问题，希望有帮助