1

ここでは、要素間に奇妙なギャップが現れています。私はそれらを一緒にフラッシュしたいと思います。これを修正する方法はありますか？

リンク

4

7 に答える 7

7

これは、タグの css を提供していないためですh1,p。そのため、ブラウザはデフォルトのマージンを上下に追加しています。したがって、これをcssに追加します-

p, h1 { margin: 0 }
于 2011-10-05T04:48:44.047 に答える
2

It's because you haven't styled those elements which leave it up to the browser to decide. Chrome for instance decide to input margins on the p-element. 

p { ...
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
... }

css リセットファイルを使用すると、この特定の問題を解決できますが、Web 開発者としての将来、多くの同様の状況が発生する可能性があります。

于 2011-10-05T04:51:16.767 に答える
2

他の人が述べているように、これはマージン/パディングの問題です。始めたばかりで、まだ何の習慣も身につけていない場合に私が提案するのは、常にreset.cssファイルを含めることです。これにより、すべてのブラウザーの既定値が削除され、最初からやり直すことができます。

于 2011-10-05T04:53:34.253 に答える
1

インライン要素の修正は次のとおりです。

vertical-align:top;

また

vertical-align:middle;

表示ブロック;

画像用

于 2011-10-05T04:48:21.357 に答える
1

謎の白いスペースを見つけました。

これをしないでください：

echo "<div>
blah blah blah
</div>"

その代わり：

echo "<div>"
          ."blah blah blah"
     ."</div>";

空白のコードをクリーンアップするだけです。

于 2019-07-18T03:44:15.467 に答える
0

I am not quite sure, as to which kind of /gap/ you are referring, but a simple CSS rule like margin:0; padding:0; might help you out.

于 2011-10-05T04:51:05.857 に答える
0

YUI にあるような CSS リセット ファイルを使用することをお勧めします: http://developer.yahoo.com/yui/reset/

YUI CSS リセットを使用することになった場合は、YUI の CSS リセットによって背景色が白になるため、HTML タグにも背景色を設定してください。

html {
   background:black;
}
body {
    margin: 0px;
    font-family: helvetica;
    background: black;
}
于 2011-10-05T04:59:53.913 に答える