css :after :before 가상요소에 줄바꿈하기

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

오드로이드로 개인서버 구축하기 #3 우분투 초기 설정 및 방화벽 설정하기

2018-06-24

link area

레이어 팝업 시, 팝업은 스크롤이 되고 부모는 스크롤 되지 않게 하기

2018-07-23

link area

아마존 웹 서비스(AWS) S3의 정적 웹사이트 www 리다이렉트 시키기

2018-08-23

link area