Dev Blog

스크립트 & 소스코드 공유

실무에서 유용하게 쓰는 스크립트와 코드 조각을 블로그 게시판으로 저장하고 공유합니다.

CSS CSS ::after·::before의 content 속성에서 줄바꿈 처리하기

페이지 정보

조회 128회 작성일 22-08-02 11:04
CSS 가상 요소 ::after와 ::before의 content 속성 값에 줄바꿈을 넣는 방법이다. content 속성에 줄바꿈 문자 \A 또는 \a를 사용하고, 반드시 white-space: pre 속성을 함께 지정해야 줄바꿈이 정상적으로 표시된다. 적용 예제 코드를 함께 포함한다.

换行符为“\A”或者“\a”都可以。

不要缺少white-space: pre

:before {
content: "本站不支持IE内核浏览器。\A请使用其他浏览器访问本站。";
white-space: pre;
}


Let's create something great together.

프로젝트 문의 및 견적 요청은 언제든 환영합니다.