텍스트 줄바꿈 처리 속성
2016. 11. 3. 18:23ㆍ[개발] 지식/CSS
word-break
- normal : 평소 규칙대로 단어를 분리한다.
- break-all : 단어가 문자별로 분리되어 단어의 중간에도 줄 바꿈이 된다.
- keep-all : 문자별로 분리되는 것을 금지한다.
white-space
inherit | 상속 |
normal | default |
nowrap | 줄바꿈을 하지 않는다 |
pre | <pre>태그와 같은 기능, 마크업에서 엔터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다 |
pre-line | 마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다 |
pre-wrap | pre-line 과 비슷 |
word-wrap
- normal : 기본값으로 콘텐츠가 컨테이너 경계를 초과한다.
- break-word : 콘텐츠가 다음 줄로 넘어가고 필요한 경우 단어 줄 바꿈이 발생한다.
'[개발] 지식 > CSS' 카테고리의 다른 글
inline-block 으로 했을때 요소간 여백 없애기 (0) | 2017.03.27 |
---|---|
IE에서 Input 태그 우측 delete('X") 버튼 없애기 (0) | 2016.12.16 |
Img(인라인) 수직정렬 (0) | 2016.12.07 |
list-style - bullet 없애기 (0) | 2016.11.29 |
형제 선택자 (0) | 2016.11.03 |
<