CSS | 텍스트 줄바꿈 word-break, white-space

페이지 정보

작성일2016-08-29 19:08 조회1,845회

word-break

Example

p{
    word-break: break-all;
}

CSS Syntax

word-break: normal | break-all | keep-all | initial | inherit;

Value Description

Value	Description
normal	기본값
break-all	Lines may break between any two letters
keep-all	Breaks are prohibited between pairs of letters
initial	기본값으로 이 속성을 설정합니다.
inherit	부모 요소에서 이 속성을 상속합니다.

white-space

Example

p {
    white-space: nowrap;
}

CSS Syntax

Value Description

Value	Description
normal	일반적인 것, default
nowrap	줄바꿈을 하지 않는다
pre	<pre>태그와 같은 기능, 마크업에서 앤터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다
pre-line	마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다
pre-wrap	pre-line 과 비슷
initial	기본값으로 이 속성을 설정합니다.
inherit	부모 요소에서 이 속성을 상속합니다.