CSS で行間隔を変更する方法: 1. 新しい HTML コード ページを作成する; 2. 2 つの div 要素を HTML ページに追加し、同時にテキストを設定する; 3. いずれかにクラスを追加するbig クラスの div 要素 行の高さを設定するために使用されます; 4. line-height を使用して big クラスの行の高さを設定します。構文は「.big{line-height: 行間隔の値;}」です。
このチュートリアルの動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。
HTML 開発ツールを開き、新しい HTML コード ページを作成し、この HTML ページに 2 つの
を入力してテキストを設定し、
の 1 つに必要な大きさのクラスを追加します。行の高さを設定します。
コードを作成します:
<div>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
</div>
<br />
<div class="big">
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
</div>
行の高さを設定します。
タグの後に <style> タグを作成し、line-height を使用して大きなクラスの行の高さを設定します。 <p>css スタイル コード: <pre class="brush:php;toolbar:false"><style type="text/css">
.big{
line-height: 300%;
}
</style></pre><p><img src="https://img.php.cn/upload/image/548/689/103/1614479077654201.png" title="1614479077654201.png" alt="CSSで行間を変更する方法"/><p>HTML ページを保存し、ブラウザで開くと、ブラウザ上に大きなクラスを含む div タグが表示されます。ページ 行間が広くなりました。 <p><img src="https://img.php.cn/upload/image/228/253/263/1614479081553293.png" title="1614479081553293.png" alt="CSSで行間を変更する方法"/><p> 推奨: 「<a href="//m.sbmmt.com/course/list/12.html" target="_blank">css ビデオ チュートリアル 」</style>
以上がCSSで行間を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
