가상 요소에서 텍스트를 콘텐츠로 설정하는 경우 줄바꿈이 필요할 때가 있다.
다음 소개하는 방법은 웹브라우저별 호환성 문제를 발생시킬 수도 있다. 따라서 반드시 확인이 필요하다.
가상 요소로 사용된 텍스트를 줄 바꿈하기 위해서는 직접 줄 바꿈을 표현할 수 없다. 또한 흔히 사용하는 \r\n
같은 이스케이프(escape)를 사용할 수도 없다.
CSS 가상 요소의 텍스트를 줄 바꿈을 하려면 해당 위치에 "\A
" 또는 "\00000a
" 같이 ISO-10646(U+000A)
의 줄 바꿈 문자를 나타내는 이스케이프(escape)를 사용한다.
추가적으로 줄 바꿈된 텍스트를 그대로 출력하기 위해서는 white-space
속성의 값을 pre
로 설정해야 한다.