div要素の余分なスペースの解

私のアプリケーションでは、div要素を使用しています。 div要素の下と上に余分なスペースがあります。div要素の余分なスペースの解

どうすれば削除できますか？

ありがとうございました

出典

2009-07-23 Anonymous

私はあなたを助けることができるようにいくつかのHTMLを投稿してください。余分なスペースが発生することがあります。 – futureelite7

多分いくつかのCSSスタイルでdivに適用される余白があります。

出典

2009-07-23 06:57:59

ページ自体のhtmlにアクセスできると仮定すると、タグにmarginまたはpadding CSSスタイルを使用してみてください。例えば

<div style="padding-top:0px;">my div with no padding at top</div>

は詳細

P.S.ためhttp://www.w3schools.com/css/css_margin.aspとhttp://www.w3schools.com/css/css_padding.aspを参照してください。 Firefoxを使用している場合firebugは、これらの値をチェック/変更してページに何が起こるかを確認するのに最適なツールです。

出典

2009-07-23 06:58:10

CSS経由でdiv要素に余白や余白があるようです。あなたのCSSファイルを次のようにスキミングしてください：

余白/パディングの定義を取り除いたり、必要に応じて値を調整してください。

出典

2009-07-23 06:58:20 Kevin

<div style="margin:0;padding:0;border:0;">My div has no padding</div>

これを定期的に行う場合は、代わりにCSSファイルにクラスを作成してください。

出典

2009-07-23 06:58:31 richardtallent

各ブラウザには、さまざまな要素のマージンとパディングのデフォルト値があります。だから明示的に設定しない限り。

div { 
margin:0; 
padding:0; 
}

あなたのCSSスタイルシートには、divの下と上に間隔があります。

もっと迷惑なことは、それぞれのブラウザには、divの余白と余白のデフォルト値が異なることです。 Firefoxのマージンは10ピクセル、IEのマージンは8ピクセルです。

私は最初にスタイルシートの上部にあるこれらのすべてのデフォルトをゼロにリセットすることをお勧めします。例えば。それはトリックをしたreset.cssファイルが含まれているように私は素晴らしいBlueprint CSSを使用し、このため実際には

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}

！

出典

2009-07-23 22:20:59

div要素の余分なスペースの解

答えて

関連する問題