CSS와 JavaScript에서 단락 나누기 사이의 세로 간격을 어떻게 늘릴 수 있습니까?

단락 나누기 높이 수정

하위 단락의 가시성을 높이기 위해 일부 개발자는 단락 나누기 사이의 세로 간격을 늘려야 하는 문제에 직면합니다. (
). 레이아웃 수정의 제한에도 불구하고 CSS 기반 솔루션으로 이 문제를 해결할 수 있습니다.

한 가지 접근 방식은 구분선의 표시 속성을 차단으로 설정하고 여백을 도입하여 추가 공간을 만드는 것입니다.

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

브라우저 간 호환성이 제한될 수 있지만 이 솔루션은 어느 정도 유연성을 제공합니다. 또한 line-height 속성을 설정하면 세로 간격이 더욱 향상될 수 있습니다.

line-height:22px;

특히 Google Chrome의 경우 나누기에 콘텐츠를 추가하면 높이에도 영향을 미칠 수 있습니다.

content: " ";

그러나 , 완전한 레이아웃 독립이 목표라면 JavaScript 기반 접근 방식이 필요할 수 있습니다.

위 내용은 CSS와 JavaScript에서 단락 나누기 사이의 세로 간격을 어떻게 늘릴 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!