Question

我的测试服务器上有一个php文件，它输出以下内容： enter image description here

页面上有一些额外的空白区域，由红色框突出显示。开发工具视图： enter image description here 在开发工具中突出显示额外的空白。输出的文件：如您所见，所有文件都在一行上。

代码：

<?php
    header("Content-Type: text/html; charset=utf-8");
    if(!isset($_GET['action']))
    {
        $_GET['action'] = "home";
    }

echo("<!DOCTYPE HTML>");
    echo("<html>");
        echo("<head>");
            echo("<title>Bug Tracker -  ");
            echo($_GET['action']);
            echo("</title>");
            echo('<link rel="stylesheet" href="common.css" />');
        echo("</head>");
        echo('<body>');
            require("action.php"); 
        echo("</body>");
    echo("</html>")
?>

这也发生在firefox中。

Answer 1

<h1>标记通常具有默认边距。尝试在CSS中设置h1 { margin:0 }。

Answer 2

我相信h1标签总是有上边距和下边距，这就是你看到白色空间的原因。如果你向h1添加margin-top：0，那么它将删除上面的空格。

Answer 3

在我的CSS中，将h1边距设置为0会为我修复它。

CSS：

#body:hover {
  background-color: black;
}

Answer 4

你需要更清楚自己想要什么。

浏览器中的空白区域很可能是因为action.php中有空格。仅创建空白区域，因为php将HTML（或类似）打印到浏览器。请记住，PHP运行服务器端，因此浏览器实际上并不下载php文件，它只读取HTML。

检查（或显示）您的action.php文件

也可以尝试

echo "<h1 style='vertical-align:text-top;'>Bug tracker home page</h1>";

〜丹

H1额外的空格

4 个答案: