CSS를 사용하여 HTML 요소 앞에 줄 바꿈을 삽입하려면 어떻게 해야 합니까?

CSS의 요소 앞에 줄 바꿈 삽입

CSS 콘텐츠 속성을 사용하면 HTML 요소 앞에 줄 바꿈을 삽입할 수 있습니다.

'A' 이스케이프 사용 시퀀스

CSS2 사양에서는 줄 끝을 표시하기 위해 'A' 이스케이프 시퀀스를 사용할 수 있습니다. 요소 앞에 줄 바꿈을 삽입하는 데 사용할 수 있습니다.

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

올바른 표시를 보장하려면 공백을 추가해야 할 수도 있습니다: pre;

:before Pseudo-Element를 사용하는 대체 방법

또 다른 접근 방식은 디스플레이가 차단되고 빈 콘텐츠가 있는 의사 요소를 만드는 것입니다.

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

이 방법은 요소 앞에 블록 수준 공백을 삽입하여 효과적으로 줄을 만듭니다. break.

참고:

'A'는
가 아니라 줄의 끝을 나타냅니다. 꼬리표. 이 방법은 실제
요소를 DOM에 추가합니다.

위 내용은 CSS를 사용하여 HTML 요소 앞에 줄 바꿈을 삽입하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!