티스토리 뷰
word-wrap 줄바꿈 속성 - normal. break-word
word-break 줄바꿈 속성 - break-all, keep-all
줄바꿈 속성의
word-wrap 는 비아시어 언어의 줄바꿈을 제어
word-break 는 아시아 언어 (CJK : Chinese, Japanese, Korea 의 약자) 비아시아 언도 모두 줄바꿈 제어
줄바꿈이 가능한 요소
height 나 width 를 지닌 인라인 요소
블록요소 이거나 절대적 위치의 (absolutely positioned) 블록요소
word-wrap 의 속성값
normal : 기본값으로 글자가 길어도 끊어지지 않고 한줄에 계속 표시
break-word : 강제로 끊어서 줄바꿈 함.
word-break 의 속성값
normal : 기본값, 일반적인 규칙에 따라 줄바꿈 함
break-all : 문자를 강제로 줄바꿈
아시아 언어는 normal처럼 동작, 비 아시아 언어는 단어내에서도 줄바꿈함
keep-all : 문자 쌍 사이에서 줄바꿈이 금지, 비아시아 언어는 normal처럼 동작함
'CSS' 카테고리의 다른 글
CSS 선택자(Selector)의 종류 및 간단한 효과주기 (0) | 2017.05.10 |
---|---|
CSS: 선택자(Selector) 이해 (0) | 2017.05.10 |
반응형 HTML CSS 오픈프레임워크 :: 부트스트랩 (0) | 2017.01.25 |
border-radius (0) | 2017.01.06 |
text-shadow , box-shadow (0) | 2017.01.06 |