2

テストサーバーにphpファイルがあり、次のように出力されます。 ここに画像の説明を入力してください

ページ上に余分な空白があり、赤いボックスで強調表示されています。開発ツールビュー： ここに画像の説明を入力してください 余分な空白は開発ツールで強調表示されます。出力されるファイル： ここに画像の説明を入力してください ご覧のとおり、すべてのファイルが1行になっています。

コード：

<?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 に答える