php - 围绕 php 循环包装 div

Question

我在尝试围绕创建分页链接的 php 部分包装 HTML Div 时遇到了一些麻烦。

我将 div 包装在代码周围，但出于某种原因，div 出现在分页链接之前(外部)。正如您所看到的，CSS 目前正在做的就是在 div 周围放置一个边框。

我不知道我错过了什么。任何指针将不胜感激。提前谢谢你。

PHP/HTML

echo '<div class = "pagination">';

/******  build the pagination links ******/
// range of num links to show
$range = 3;

// if not on page 1, don't show back links

  if ($currentpage > 1) {
   // show << link to go back to page 1
   echo " <a  href='{$_SERVER['PHP_SELF']}?currentpage=1'><div class = 'pagination_button'> << </div></a> ";
   // get previous page num
   $prevpage = $currentpage - 1;
   // show < link to go back to 1 page
   echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=$prevpage'><div class = 'pagination_button'> < </div></a> ";
   }

// loop to show links to range of pages around current page
for ($x = ($currentpage - $range); $x < (($currentpage + $range) + 1); $x++) {
   // if it's a valid page number...
   if (($x > 0) && ($x <= $totalpages)) {
      // if we're on current page...
      if ($x == $currentpage) {
         // 'highlight' it but don't make a link
         echo " <div class = 'pagination_button_current'><b>$x</b></div> ";
      // if not current page...
      } else {
         // make it a link
         echo " <a  href='{$_SERVER['PHP_SELF']}?currentpage=$x'><div div class = 'pagination_button'>$x</div></a> ";
      } // end else
   } // end if 
} // end for

   if ($currentpage != $totalpages) {
   // get next page
   $nextpage = $currentpage + 1;
    // echo forward link for next page 
   echo " <a href='{$_SERVER['PHP_SELF']}?currentpage=$nextpage'><div div class = 'pagination_button'> > </div></a> ";
   // echo forward link for lastpage
   echo " <a  href='{$_SERVER['PHP_SELF']}?currentpage=$totalpages'><div div class = 'pagination_button'> >> </div></a> ";
   }
/****** end build pagination links ******/


?>

</div> <!-- End pagination div -->   

CSS

.pagination {
    border:1px solid;
 }  

Answer 1

你的 HTML 语法有一些错误

不要写<<或 < , 更好 <<

甚至不使用>>或 > , 更好 >>

还有一些奇怪的符号，如 <div div class = 'pagination_button'> ，应该是<div class = 'pagination_button'>

至少，只是为了有效性:不要使用 <div> <a> 内部