Documents

Writing
  • account_tree
  • bug_report

가상 요소에서 텍스트 줄바꿈

가상 요소에서 텍스트를 콘텐츠로 설정하는 경우 줄바꿈이 필요할 때가 있다.

다음 소개하는 방법은 웹브라우저별 호환성 문제를 발생시킬 수도 있다. 따라서 반드시 확인이 필요하다.

가상 요소로 사용된 텍스트를 줄 바꿈하기 위해서는 직접 줄 바꿈을 표현할 수 없다. 또한 흔히 사용하는 \r\n 같은 이스케이프(escape)를 사용할 수도 없다.

CSS 가상 요소의 텍스트를 줄 바꿈을 하려면 해당 위치에 "\A" 또는 "\00000a" 같이  ISO-10646(U+000A)의 줄 바꿈 문자를 나타내는 이스케이프(escape)를 사용한다.

추가적으로 줄 바꿈된 텍스트를 그대로 출력하기 위해서는 white-space 속성의 값을 pre로 설정해야 한다.