>웹 프론트엔드 >CSS 튜토리얼 >`` 태그를 사용하지 않고 CSS에서 단락 사이에 세로 간격을 추가하려면 어떻게 해야 합니까?

`` 태그를 사용하지 않고 CSS에서 단락 사이에 세로 간격을 추가하려면 어떻게 해야 합니까?

Linda Hamilton
Linda Hamilton원래의
2024-12-18 00:52:10790검색

How Can I Add Vertical Spacing Between Paragraphs in CSS Without Using `` Tags?

CSS를 사용하여 단락 사이에 세로 간격을 만드는 방법

HTML을 사용하지 않고 하위 단락 사이에 세로 간격을 확보하려면

태그를 사용하면 CSS 전용 솔루션을 구현할 수 있습니다. 방법은 다음과 같습니다.

  1. 표시 설정:
    요소에 대한 차단:
br {
   display: block;
}
  1. 행 여백 추가 간격:
br {
   margin: 10px 0;
}
  1. 세로 공간의 줄 높이 설정:
line-height:22px; /* Adjust as desired */

참고 : 이 솔루션은 완전한 크로스 브라우저가 아닐 수 있습니다. 호환됩니다.

대안:

  • 콘텐츠 속성 추가:
br {
   content: " ";
}
  • 사용 JavaScript:

이 옵션은 브라우저 간 호환성 측면에서 더 안정적입니다.

위 내용은 `` 태그를 사용하지 않고 CSS에서 단락 사이에 세로 간격을 추가하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.