CSS と JavaScript で段落区切り間の垂直方向の間隔を広げるにはどうすればよいですか?

段落区切りの高さの変更

一部の開発者は、サブ段落の視認性を高めるために、段落区切り間の垂直方向の間隔を増やすという課題に直面しています。 (
)。レイアウトの変更には制限がありますが、CSS ベースのソリューションはこの問題に対処できます。

1 つのアプローチには、ブレークの表示プロパティをブロックに設定し、マージンを導入して追加のスペースを作成することが含まれます。

br {
   display: block;
   margin: 10px 0;
}

ブラウザ間の互換性は制限される可能性がありますが、このソリューションはある程度の柔軟性を提供します。さらに、line-height プロパティを設定すると、垂直方向の間隔をさらに広げることができます:

line-height:22px;

特に Google Chrome の場合、改行にコンテンツを追加すると、その高さに影響を与える可能性があります:

content: " ";

ただし、目標が完全にレイアウトに依存しないことである場合、JavaScript ベースのアプローチが必要になる場合があります。

以上がCSS と JavaScript で段落区切り間の垂直方向の間隔を広げるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。