2

我的测试服务器上有一个 php 文件，它输出以下内容： 在此处输入图像描述

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

代码：

<?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 中。

4

4 回答 4

5

<h1>标签通常有一个默认边距。尝试h1 { margin:0 }在您的 CSS 中设置。

于 2012-08-20T12:22:29.823 回答
3

我相信 h1 标签始终具有顶部和底部边距，这就是您看到空白的原因。如果您在 h1 中添加一个 margin-top: 0 ，那么它将删除上面的空间。

于 2012-08-20T12:22:04.383 回答
1

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

CSS：

h1 {
    margin:0;
}
于 2015-08-05T04:13:00.317 回答
0

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

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

检查（或向我们展示）您的 action.php 文件

也试试

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

~ 丹

于 2012-08-20T12:23:14.657 回答