我想在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);
?>
答案 0 :(得分:1)
我认为你缺少的是一些CSS。在HTML中,DIV-Containers显示为块元素。因此,无需任何配置,它们将一个显示在另一个之下。要让它们彼此相邻,只需在页面中添加一些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>