0

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

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

但。它不会在一行中打印，我已经使用 display inline 尝试过：

.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

4

3 回答 3

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 */
}
于 2012-10-20T22:40:34.140 回答
1

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

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

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

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

于 2012-10-21T05:02:11.917 回答
0

第一个 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>
于 2012-10-20T23:19:56.803 回答