Question

我从表中获取数据$number，然后将其打印出来：

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

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

.pagination {
    display: inline;
}

但它仍然不起作用。如何让它们在一条线上？谢谢：） var_dump（$ number）：

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>

css：

#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

如果您想要内联，那么为什么要将其包装在div？

中

只需使用span，默认为inline。

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

CSS：

.pagination {
    /* nothing to do here because <span> is already inline */
}

Answer 2

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

<center>元素是块级元素，因此它会使其内容出现在自己的行上。

{@ 1}}元素也已弃用，但这不是重点。关键是如果每个数字都在自己的<center>元素中，则会出现所描述的问题。

您可以修改代码，以便列表前只有一个<center>，后面只有一个<center>。但是删除所有</center>标记然后考虑是否希望列表居中更好更简单;如果你这样做，请将列表包起来，例如在<center>和<div class=pages>之间添加</div>到您的样式表中。

Answer 3

第一个while循环打开尽可能多<div>个标记x3作为循环项目，但它们在循环后关闭一次......所以如果你的代码被正确表示，你将有一个完全混乱的HTML。

<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>';
         echo '</div>';


     }
     $query3 = mysql_query(" ..... ");
     echo "<div>"; 
     while ($row3 = mysql_fetch_array($query3)) {
         ...
         echo "<a href='page_pagination.php?number=". $number ."' >  ". $number ."    </a>";
     }
     echo "</div>"; 
?>
</div>

如何使链接符合要求

3 个答案: