H3と下部は、私は私のH3の周りにいくつかの空白を持っている一番上の空白とH3
に上部と下部にホワイトスペースを削除します。それをいくつかの写真と同じにするには、h3の上と下の空白を削除したいと思います。余白は0ですが、テキストの上部と下部の間にはまだスペースがあります。これをどうすれば解決できますか?
これは私のコードです:
<html>
<head>
</head>
<body>
<h3>title</h3>
</body>
</html>
H3と下部は、私は私のH3の周りにいくつかの空白を持っている一番上の空白とH3
に上部と下部にホワイトスペースを削除します。それをいくつかの写真と同じにするには、h3の上と下の空白を削除したいと思います。余白は0ですが、テキストの上部と下部の間にはまだスペースがあります。これをどうすれば解決できますか?
これは私のコードです:
<html>
<head>
</head>
<body>
<h3>title</h3>
</body>
</html>
あなたは空白が何であるかについて混乱しています。これは、アクセントやダングリング文字のようなテキスト文字の上下の可能性を考慮した、テキストのフルラインの高さです。あなたはこの空白をスキッシュする場合(推奨されません)、デフォルトよりも小さいものに行の高さを設定し、
line-height: 0.8em;
のようなコンテナ要素(あなたの例では、<body>
タグ)のパディング削除:
body { padding: 0 }
ただ、ブラウザのデフォルト
Margin
とPadding
はあなたのCSSトップを適用します削除します。
<style>
* {
margin: 0;
padding: 0;
}
</style>
注:
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>
まだ整列されている最上部と最上位の文字の間にはスペースがあります。テキストを選択すると、それを見ることができます。申し訳ありませんが、これは解決策ではありません。 – Martijn
それはマージンがゼロなので、どのようにどこにスペースがあるのか分かりません。私は信じられません。okzzは聞いて、googleのためだけに..ブラウザのデフォルトCSSを削除する方法!あなたは何が起こっているのかを簡単に理解することができます。もしあなたがチーフ 'line-height:0.8は解決策'ならば.. –
申し訳ありませんが、私はそれが正しいです。別のブラウザで同じコードを使用している場合、あなたは実際の違いを得ます.. ..の間で運が最高です。..喜んで助けてください..私は何の問題もありません!ありがとうございました –
前述のとおり、完全なCSSコードがなくても状況を再現することは困難です。
しかし、これの簡単なテストは、任意の空白なしで私にh3
を与えた:
<html>
<head>
</head>
<body style="padding: 0;">
<h3 style="margin: 0; padding: 0;">test</h3>
</body>
</html>
それはbody
とh3
要素の両方のデフォルトのマージン/パディングが何であるかに依存するブラウザがおそらくあります。これがあなたに役立つことを願っています
ようこそStackOverflow!私たちがCSSを手助けするためには、HTMLに加えて既存のCSSを提供する必要があります。それがなければあなたの問題を再現することはできません。質問を更新してCSSを表示するようにして、[**最小限の、完全で検証可能な例**](http://stackoverflow.com/help/mcve)を構成してください。詳細については、[**よくある質問をどうやるか**](http://stackoverflow.com/help/how-to-ask)に関するヘルプ記事を参照して、サイトの[**ツアー**](http://stackoverflow.com/tour):) –