``를 사용하지 않고 CSS에서 어떻게 줄바꿈을 만들 수 있나요?

없이 줄 바꿈 달성 CSS

HTML에서는
요소는 일반적으로 줄 바꿈에 사용됩니다. 그러나
를 사용하지 않고 유사한 결과를 얻기 위해 대체 방법을 원할 수도 있는 상황이 있습니다.

를 사용한 줄바꿈의 예

<p>hello <br> How are you</p>

출력:

hello
How are you

다음을 사용한 대체 접근 방식 CSS

없이 줄 바꿈을 수행하려면 CSS 속성인 white-space: pre를 활용할 수 있습니다. 이 속성은

 줄 바꿈을 포함한 공백 문자를 유지하는 요소입니다.</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">p {
  white-space: pre;
}

로그인 후 복사

<p>hello
How are you</p>

white-space의 효과: pre

white-space: pre 속성은 브라우저에 지시합니다. HTML에 작성된 공백 문자를 유지합니다. 이 경우 "hello"와 "How are you" 사이의 줄 바꿈이 유지되어 줄 바꿈이 발생합니다.

대체 접근 방식의 출력

hello
How are you

이 방법을 사용하면 HTML에 불필요한 마크업을 추가하지 않고 줄 바꿈을 만드는 편리한 방법을 제공합니다. 줄 바꿈이 필요하지만
적합하지 않습니다.

위 내용은 ``를 사용하지 않고 CSS에서 어떻게 줄바꿈을 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!