如何摆脱使用 PHP 创建的表格顶部的额外换行符？答案

【问题标题】：How to get rid of extra line breaks on top of table created with PHP?如何摆脱使用 PHP 创建的表格顶部的额外换行符？
【发布时间】：2018-07-03 14:47:21
【问题描述】：

我刚开始用 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>

【问题讨论】：

只有th 和td 元素应该是trs 的子元素。

标签： php css html mysqli html-table

【解决方案1】：

只需在这部分代码中删除 </td> 之后的 <br> 即可：

    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>结构中不可用，而浏览器之前显示过。

【讨论】：

正要发布那个答案。正是 [+1]
完美。非常感谢。它按要求工作。阅读您的答案后，我不明白为什么我在那里使用 br 标签。只需删除它们，空格就会自动消失。再次感谢。