私のウェブページ上の行間にはさらにスペースが必要です。私が試してみて、より多くのスペースを作成するために、CSSで「行の高さ」を適用しようとしているが、私はそれが動作しません実現：絵でウェブページ全体の行間隔
https://gyazo.com/63c28f6ce59b8a5e17cf3d9835effa9e
私はDIV、Pの内のテキストの一部を持っていますまたはスパン。テキストが長すぎると最終的にはいくつかの行に終わるでしょう。これが起こると、ラインの間にさらにスペースが必要です。
どうすればいいですか？
これはCSSプロパティline-heightで正確に行われます。
あなたの全体のウェブサイトで同じline-heightをしたい場合は、単にそのようなあなたのbody要素でそれを適用することができます。
body {
line-height: 1.5; // a numerical value, or
line-height: 25px; // a pixel value, for example
}
また、特定のタグやクラスをターゲットにできます。
// applies to all <p> elements
p {
line-height: 1.3em;
}
// applies only to elements with the .my_paragraph class
.my_paragraph {
line-height: 20px;
}
使用できる値と、line-heightの動作はthe MDN specification pageで詳しく読むことができます。 http://www.w3schools.com/cssref/pr_dim_line-height.aspから
は、次の例
<!DOCTYPE html>
<html>
<head>
<style>
p.small {
line-height: 70%;
}
p.big {
line-height: 200%;
}
</style>
</head>
<body>
<p>
This is a paragraph with a standard line-height.<br>
This is a paragraph with a standard line-height.<br>
The default line height in most browsers is about 110% to 120%.<br>
</p>
<p class="small">
This is a paragraph with a smaller line-height.<br>
This is a paragraph with a smaller line-height.<br>
This is a paragraph with a smaller line-height.<br>
This is a paragraph with a smaller line-height.<br>
</p>
<p class="big">
This is a paragraph with a bigger line-height.<br>
This is a paragraph with a bigger line-height.<br>
This is a paragraph with a bigger line-height.<br>
This is a paragraph with a bigger line-height.<br>
</p>
</body>
</html>
利用のline-height属性です：
body {
line-height:2em;
}<body>
<h1>This is just a title</h1>
<div><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></div>
</body>これはそうではない場合それは、別のCSSファイル（たとえば、あなたのCSSフレームワークを使用している場合など）がその属性を上書きするためである可能性があります。だから属性に!importantタグを追加してみてください。
：
p {
line-height: 24px;
}
か：
body,
p {
line-height: 24px;
}
ちょうどあなたの 'に行'ラインheight'属性を追加ボディ 'タグ？それがうまくいかない場合は、それを上書きするcssフレームワークやサードパーティのcssファイルを使用してください。しかし、コードなしでは、私たちは本当にあなたを助けることができません。 – Paul
のような質問については、jsfiddle.netのような公共サービスで問題のコードを再現することをお勧めします。ここに投稿して、あなたが試したことや改善する方法を知ることができます。 –