CSS가 요소 앞에 줄 바꿈을 삽입하는 방법은 무엇입니까?

CSS가 요소 앞에 줄 바꿈을 삽입할 수 있나요?

CSS 콘텐츠 속성을 사용하여 요소 앞에 줄 바꿈을 삽입하는 것은 불가능한 작업처럼 보일 수 있습니다. "
"을(를) 사용하려고 합니다. 아래와 같이 콘텐츠 속성 내에서는 원하는 결과를 얻을 수 없습니다.

#restart:before { content: '<br/>'; }

그러나 의사 요소의 생성된 콘텐츠 내에서 특수 이스케이프 시퀀스 A를 사용하여 이를 달성하는 방법이 있습니다.

#restart:before { content: '\A'; }

적절한 형식을 보장하려면 추가 CSS 규칙을 포함해야 할 수도 있습니다.

#restart { white-space: pre; }

A 이스케이프 시퀀스는 다음을 나타냅니다. 줄 끝을 지정하여 대상 요소인 #restart 앞에 줄 바꿈이 나타나도록 합니다.

또는 공백 문자를 콘텐츠로 추가하고 표시를 차단으로 설정하는 또 다른 방법도 있습니다.

:before { content: ' '; display: block; }

이렇게 하면 줄 바꿈 역할을 하는 별도의 줄에 공백이 생성됩니다.

위 내용은 CSS가 요소 앞에 줄 바꿈을 삽입하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!