2017-07-04 6 views
0

H3と下部は、私は私のH3の周りにいくつかの空白を持っている一番上の空白とH3

enter image description here

に上部と下部にホワイトスペースを削除します。それをいくつかの写真と同じにするには、h3の上と下の空白を削除したいと思います。余白は0ですが、テキストの上部と下部の間にはまだスペースがあります。これをどうすれば解決できますか?

これは私のコードです:

<html> 
<head> 
</head> 
<body> 
    <h3>title</h3> 
</body> 
</html> 
+1

ようこそStackOverflow!私たちがCSSを手助けするためには、HTMLに加えて既存のCSSを提供する必要があります。それがなければあなたの問題を再現することはできません。質問を更新してCSSを表示するようにして、[**最小限の、完全で検証可能な例**](http://stackoverflow.com/help/mcve)を構成してください。詳細については、[**よくある質問をどうやるか**](http://stackoverflow.com/help/how-to-ask)に関するヘルプ記事を参照して、サイトの[**ツアー**](http://stackoverflow.com/tour):) –

答えて

-1

あなたは空白が何であるかについて混乱しています。これは、アクセントやダングリング文字のようなテキスト文字の上下の可能性を考慮した、テキストのフルラインの高さです。あなたはこの空白をスキッシュする場合(推奨されません)、デフォルトよりも小さいものに行の高さを設定し、

line-height: 0.8em; 
+0

タイトルがHËLLÔの場合、h3はフルスペースを使用します。どうもありがとうございました! – Martijn

+0

私はしました!しかし、私が線の高さを変えたとき、私はまだ最高位の手紙に余裕ができません。 – Martijn

+1

@AndyRayどのように他の人が特定のユーザーのための答えを見つけるのを助ける?動的に、これはブラウザのデフォルトCSSで発生することもわかります。私は正しい! –

0

のようなコンテナ要素(あなたの例では、<body>タグ)のパディング削除:

body { padding: 0 } 
0

ただ、ブラウザのデフォルトMarginPaddingはあなたのCSSトップを適用します削除します。

<style> 

* { 
    margin: 0; 
    padding: 0; 
} 

</style> 

注:

  • はあなたのCSSを書き込む前に、すべてのhtml elementsをリセットしてください。

OR [Use In Your Case]

<style> 

    *{ 
     margin: 0px; 
     padding: 0px; 
    } 

h3 { 
     margin-top: 0px; 
    } 

</style> 

DEMO:

<style> 
 

 
    *{ 
 
     margin: 0px; 
 
     padding: 0px; 
 
    } 
 

 
h3 { 
 
     margin-top: 0px; 
 
    } 
 

 
</style>
<html> 
 
<head> 
 
</head> 
 
<body> 
 
    <h3>title</h3> 
 
</body> 
 
</html>

+0

まだ整列されている最上部と最上位の文字の間にはスペースがあります。テキストを選択すると、それを見ることができます。申し訳ありませんが、これは解決策ではありません。 – Martijn

+0

それはマージンがゼロなので、どのようにどこにスペースがあるのか​​分かりません。私は信じられません。okzzは聞いて、googleのためだけに..ブラウザのデフォルトCSSを削除する方法!あなたは何が起こっているのかを簡単に理解することができます。もしあなたがチーフ 'line-height:0.8は解決策'ならば.. –

+0

申し訳ありませんが、私はそれが正しいです。別のブラウザで同じコードを使用している場合、あなたは実際の違いを得ます.. ..の間で運が最高です。..喜んで助けてください..私は何の問題もありません!ありがとうございました –

0

前述のとおり、完全なCSSコードがなくても状況を再現することは困難です。

しかし、これの簡単なテストは、任意の空白なしで私にh3を与えた:

<html> 
<head> 
</head> 
<body style="padding: 0;">  
    <h3 style="margin: 0; padding: 0;">test</h3> 
</body> 
</html> 

それはbodyh3要素の両方のデフォルトのマージン/パディングが何であるかに依存するブラウザがおそらくあります。これがあなたに役立つことを願っています

関連する問題