Question

我从数据库中的HTML表中输出了数据，并使用CSS设置了样式。一切都很好，但是在输出的Table上方有一个笨拙的空格。（见图）。我的代码有什么问题？

结果：

<html>
<head>
<title>Create new user</title>
<style>
table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
  background-color: #4CAF50;
  color: white;
}
</style>
</head>
<body>

<div>
<?php


$servername = "localhost";
$username = "root";
$password = "";
$dbname = "users";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "select * from employee";
$result = $conn->query($sql);

 echo "<table>";
 echo "<th>Identifier</th><th>Name</th><th>Lastname</th>";
if ($result->num_rows > 0) {
       
    while($row = $result->fetch_assoc()) {

		echo "<tr>";
		echo "<td>" . $row["id"] . "</td>";
	    echo "<td>" . $row["vorname"] . "</td>";
		echo "<td>" . $row["nachname"] . "</td>";
		echo "</tr>";
		echo "</br>";
	
    }
	
}
else {
    echo "0 results";
}
echo "</table>";

$conn->close();

?>
</div>
</body>
</html>

预期结果：表格上方没有空白

非常感谢

Answer 1

您为什么要添加<br>

echo "</br>";

在while循环中。

尝试一下-

if ($result->num_rows > 0) {

    while($row = $result->fetch_assoc()) {

        echo "<tr>";
        echo "<td>" . $row["id"] . "</td>";
        echo "<td>" . $row["vorname"] . "</td>";
        echo "<td>" . $row["nachname"] . "</td>";
        echo "</tr>";
    }

} else {
    echo "0 results";
}

如果这不能解决，请尝试检查并查看正在增加的空间。还要在chrome inspect视图的计算视图中检查填充和边距。

如果没有任何效果，请尝试为div设置top:0，可能是对表：）

输出表上方的空白空格

1 个答案: