css 가상요소를 이용하여 추가한 콘텐츠에 줄바꿈하기

2014-11-17

Explanation

css 가상요소 :after, :before를 통해 추가된 콘텐츠 내용에 줄바꿈하기

소스보기

1

2

3

[HTML]

<div id="after"></div>

1

2

3

4

5

6

[css]

#after:after {

contnet:"abcdefg \A hijklmn"; /* \A = 줄바꿈을 의미합니다.*/

white-space:pre; /* <pre>와 같은 기능을 합니다. */

}

결과

Other posts

ECMAScript 2015(ES6) #1 추가된 기본 문법

2018-02-07

link area

[소소한 개발 일지] NavigationSplitView에서 사이드바 활성화 여부 확인하기(SwiftUI)

2024-01-12

link area

css 가상요소를 이용하여 추가한 콘텐츠에 줄바꿈하기

2014-11-17

link area