使用CSS设置分页控件

时间:2014-03-26 15:39:20

标签: php html css pagination

PHP

$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$previous.'">Previous</a>';
$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$i.'">'.$i.'</a> &nbsp; ';      
$paginationCtrls .= ''.$pagenum.' &nbsp; ';
$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$next.'">Next</a> ';

HTML

<p class="pagination-controls"><?php echo $paginationCtrls; ?></p>

输出中

上一页1 [2] 3下一页

让我们说$pagenum = 2;

我已经添加了php代码和html的基本行,因为我只是简单地回显除$pagenum之外的可点击按钮,这不是链接。我不知道如何用css来定位它,所以我可以对该元素进行样式化。对于我可以通过css选择器定位的其他元素 - &gt; .pagination-controls a。想请求您帮助如何定位$ pagenum。

1 个答案:

答案 0 :(得分:2)

$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$previous.'">Previous</a>';
$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$i.'">'.$i.'</a> &nbsp; ';      
$paginationCtrls .= '<span class="pagenum">'.$pagenum.' &nbsp;</span>';
$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$next.'">Next</a> ';

使用选择器.pagination-controls span.pagenum

进行访问

如果这对您没有帮助,请考虑阅读HTML / CSS的工作原理。