php - 如何摆脱用 PHP 创建的表格顶部的额外换行符?

标签 php css html mysqli html-table

我刚开始用 PHP 编码。我遇到了一个问题,我无法使用在网上找到的任何解决方案来解决。

我正在尝试显示一个表格,其中包含在论坛上创建的话题。我最初创建了一个静态 html 代码来查看表格的结果。一切都很好。问题是当我创建一个动态表时。我的意思是,使用 PHP 语言用 MySQL 数据库中的信息更新表。

当我用 PHP 创建表格时,表格出现在一半的位置(表格上方的空白)。我检查了我在网上找到的不同解决方案,但目前我仍然遇到问题。在 Chrome 上检查页面时,我发现有几十个 br 我不完全理解它们来自哪里。在我编写的代码中,该区域没有任何 br,但浏览器正在解释导致添加大量 br(准确地说是 45)的内容。我试过 Firefox,结果也是一样。

我读过有关从代码中删除大写或空格的内容。将边距和填充设置为零(显然没有任何效果)。我不知道是什么导致了额外的 br

这里有代码。我正在使用 html5、css3、PHP 版本。 7.1.11 和 MySQL。

<?php
include 'connection.php';
session_start();
$user=$_SESSION['logged_username'];
$unread_messages = $connection -> query ("SELECT unread_messages FROM userlist WHERE username ='$user'") or die ("Connection has failed.");

echo "This is the homepage." . '<br/>' . '<br/>';
echo "Session started as: " . 
     '<b>' . $_SESSION['logged_username'] . '</b>' . 
     " (" . 
     '<a href="logout.php">Cerrar sesión</a>' 
     . ")" . '<br/>';

//shows the number of unread messages
while($variable = $unread_messages->fetch_assoc())
{$_SESSION['message_amount'] = $variable['unread_messages'];}
?>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p style="display: inline-block;">Unread messages: </p><a style="display: inline-block;" href="mensajes.php"><?php echo $_SESSION['message_amount']; ?>
</a>
<a href=""></a>

<br><br>
<a href="post_thread.php" style="text-decoration: none; background-color: green; padding: 5px 10px; color: white;">Create new thread</a>

<hr>
<center><div>Lastest published threads</div></center>
<?php 
echo '<table style="width:100%; margin:0; padding:0; top:0; valign:top; border-collapse:collapse;">';
    echo '<tr>';
        echo '<th align="center" width="5%" bgcolor="#f5f5f5">Hour</th>';
        echo '<th align="center" width="85%" bgcolor="#f5f5f5">Thread title</th>';
        echo '<th align="center" width="10%" bgcolor="#f5f5f5">Author</th>';
    echo '</tr>';

    //obtain the highest index from column 'id_thread' (highest = more recent thread).
    $idthreat_result=mysqli_query($connection, "SELECT MAX(id_thread) FROM threads");
    $row=mysqli_fetch_array($idthreat_result);

    $mostrecent_thread = $row[0]; //stores the id of the most recent thread

    //shows in first place the most recent thread
    for ($i=$mostrecent_thread; $i > 0 ; $i--) 
    {   
        //obtains information from database
        //HOUR
        $result_creationhour=mysqli_query($connection, "SELECT creation_hour FROM threads WHERE id_thread='$i'");
        $row_hour=mysqli_fetch_array($result_creationhour);
        //THREAD'S TITLE
        $result_threadtitle=mysqli_query($connection, "SELECT title FROM threads WHERE id_thread='$i'");
        $row_title=mysqli_fetch_array($result_threadtitle);
        //THREAD'S AUTHOR
        $result_threadauthor=mysqli_query($connection, "SELECT creator FROM threads WHERE id_thread='$i'");
        $row_author=mysqli_fetch_array($result_threadauthor);


        //shows the information throught the browser using <tr> + <td>
        //each tr correspond to a row
        echo '<tr>';
            echo '<td>' . $row_hour[0] . '</td>' . '<br/>'; //hour when the thread was created
            echo '<td>' . $row_title[0] . '</td>' . '<br/>'; //title of the thread
            echo '<td>' . $row_author[0] . '</td>' . '<br/>'; //author of the thread
        echo '</tr>';
    }
echo '</table>';
?>
</body>
</html>

最佳答案

只需删除您的 <br></td>之后在这部分代码中:

    echo '<tr>';
        echo '<td>' . $row_hour[0] . '</td>' ; //hour when the thread was created
        echo '<td>' . $row_title[0] . '</td>' ; //title of the thread
        echo '<td>' . $row_author[0] . '</td>' ; //author of the thread
    echo '</tr>';

因为 <br><table> 中不可用结构,浏览器之前显示它们。

关于php - 如何摆脱用 PHP 创建的表格顶部的额外换行符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48424477/

相关文章:

php - 如何将文本 block 放入div?

php - 登录表单运行脚本无需刷新页面,但成功后需要删除表单

php - MySQL查询以获取电子邮件等于某个变量的用户

javascript - 如何在不破坏 jquery 动画的情况下使用@keyframes 实现平滑的页面转换

javascript - JQuery 在多个插件后改变宽度

html - 第 2 部分 - 如何响应式地在图像上放置一个链接,即使屏幕发生变化,该链接仍保持原样?

javascript - CSS 在缩略图悬停时显示元素

javascript - 在鼠标悬停时以某种方式在 div 中显示图像

php - if(!isset($_SESSION ['username' ])) 导致用户从 verify_login_form.php 重定向回 index.php

php - 阅读电子邮件的完整标题