-1

我想在我的主页上以所有网站都有的正确格式在标签内显示帖子详细信息(标题、描述、用户名)。div我面临的问题是数据库中的所有数据都显示为纯文本,一个在另一个之下。我是php新手,所以请指导我实现结果。

这是我的代码。

我想在这个标签中显示:

<div id='display'>
  <h3 class='name'></h3>
  <h1 class='title'></h1>
  <p class='desc'></p>
  <p class='cat'></p>
  <p class='sub_cat'></p> 
</div>

我的php代码是:

<?php
  $row="";

  $link = mysql_connect("localhost","username","password");
  mysql_select_db("database");
  $query = "SELECT * from posts ORDER by post_id DESC limit 0,5";
  $result = mysql_query($query);
  $result = mysql_query($query) or die("Query to get blah failed with error:".mysql_error());

  while($row = mysql_fetch_array($result)) { 
    echo "<div id='display'>";
    echo "<h3 class='name'>".$row['username']."</h3>";
    echo "<h1 class='title' >".$row['post_title']."</h1>";
    echo "<p class='cat'>".$row['cat']."</p>";
    echo "<p class='sub_cat'>".$row['sub_cat']."</p>";
    echo "<p class='desc'>".$row['post_desc']."</p>";
    echo "</div>";
  } 

  mysql_close($link);
?>
4

1 回答 1

1

我认为你缺少的是一些 CSS。在 HTML 中,DIV 容器显示为块元素。因此,无需任何配置,它们就会显示在另一个下方。要让它们彼此相邻,只需在页面中添加一些 CSS:

<div id='display'>
  <h3 class='name'></h3>
  <h1 class='title' ></h1>
  <p class='desc'></p>
  <p class='cat'></p>
  <p class='sub_cat'></p> 
</div>
<div class="clear"></div>


<style type="text/css">
.name, .title, .desc, .cat, .sub_cat {
    float:left;
}

.clear {
    clear:both;
}
</style>
于 2012-12-03T09:10:23.317 回答