CSSテキストの行間を設定するにはどうすればよいですか? CSSで行間を設定する方法-CSSチュートリアル-php.cn

CSSテキストの行間を設定するにはどうすればよいですか? CSSで行間を設定する方法

云罗郡主

リリース： 2018-11-20 13:54:37

オリジナル

12392 人が閲覧しました

CSS スタイルでは、CSS テキストの行間隔についてあまり詳しくない人が多いです。次の php 中国語 Web サイトでは、CSS テキストの行間隔を設定する方法を説明しています。そしてCSSの行間隔の設定方法です。

CSS テキストの行間隔を設定するにはどうすればよいですか? css で行間隔を設定する方法

記事では、テキストの各行間の間隔を行間隔と呼びます。css では、line-height 属性を使用して行間隔を指定できます。行間隔の設定は、line-height 属性を制御する限り、テキストフォント間の距離を実現できます。コードは次のとおりです:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title> css行间距实例</title> 
<style> 
.a{ line-height:30px}
.b{ line-height:50px}
</style> 
</head> 
<body> 
<div class="a"> 
我被设置行高30px<br /> 
我行距为22<br /> 
我是占位内容 
</div> 
<div class="b"> 
我被设置行高30px<br /> 
我行距为50<br /> 
我是占位内容 
</div> 
</body> 
</html>

ログイン後にコピー

分析:

.a{ line-height:22px}

は、行の高さが 22px;

であることを意味します。 b{ line-height:40px}/

は行の高さが 40px であることを意味します。

効果は次のとおりです。

CSSテキストの行間を設定するにはどうすればよいですか? CSSで行間を設定する方法