php - 如何使链接成行

Question

我从表中获取数据 $number 然后打印它:

echo "<div class='pagination'><a href='page_pagination.php?number=". $number ."' >  ". $number ." </a></div>";

但是。它没有打印成一行，我已经尝试使用内联显示:

.pagination {
    display: inline;
}

但是还是不行。如何将它们排成一行？谢谢 :) 变量转储($数字):

string(1) "2"
      2
string(1) "3"
      3
etc..

完整的:

<div id="page">
<?php
     $query2 = mysql_query(" .....");
     while ($row2 = mysql_fetch_array($query2)) {
         ....
         echo '<div id="content">';
         echo '<div class="post">';
         ...
         echo '<div class="entry">';
         ...
     }
     echo '</div>';
     echo '</div>';
     $query3 = mysql_query(" ..... ");
     while ($row3 = mysql_fetch_array($query3)) {
         ...
         echo "<span class='pagination'><a href='page_pagination.php?number=". $number ."' >  ". $number ."    </a></span>";
     }
     echo '</div>';
?>
</div>

样式:

#page {
   width: 980px;
   margin: 0 auto;
   padding: 0px 220px 0px 0px;
   border-top: 1px solid #b4c1a1;
   background: #ffffff ;
}

#content {
  width: 780px;
   margin-top: 30px;
   padding: 0px 0px 0px 40px;
   background: url(images/img04.gif) no-repeat bottom;
}

.post {
   margin-bottom: 15px;
}

.post .entry {
   padding: 0px 0px 20px 0px;
   padding-bottom: 20px;
   text-align: justify;
}

呈现的 HTML:

<center><div id="pagination"><span><a href='page_pagination.php?number=2' >  2 </a></div>
<center><div id="pagination"><span><a href='page_pagination.php?number=3' >  3 </a></div>
<center><div id="pagination"><span><a href='page_pagination.php?number=4' >  4 </a></div>
<center><div id="pagination"><span><a href='page_pagination.php?number=5' >  5 </a></div>
<center><div id="pagination"><span><a href='page_pagination.php?number=6' >  6 </a></div>
<center><div id="pagination"><span><a href='page_pagination.php?number=7' >  7 </a></div>
<center><div id="pagination"><span><a href='page_pagination.php?number=8' >  8 </a></div>
<center><div id="pagination"><span><a href='page_pagination.php?number=9' >  9 </a></div>
<center><div id="pagination"><span><a href='page_pagination.php?number=Next' >  Next </a></div>

这是显示渲染输出的链接 = http://textuploader.com/?p=6&id=fferP

Answer 1

删除 <center>标签(它们不存在于您的 PHP 代码片段中，但存在于“呈现的 HTML”和“呈现的输出”中，因此您正在以某种方式生成它们)。

<center>元素是 block 级元素，因此它会使其内容显示在自己的一行上。

<center> element 也被弃用了，但这不是这里的重点。关键是如果每个数字都在 <center> 中它自己的元素，你得到描述的问题。

你可以修改代码，这样只有一个 <center>在列表和一个之前 </center>在它之后。但是删除所有 <center> 更好更简单标签，然后考虑是否要让列表居中；如果这样做，请将列表包装起来，例如在 <div class=pages> 之间和 </div>并添加 .pages { text-align: center; }到你的样式表中。