볼 때 마다 헷갈리는 속성들이라 따로 정리함
white-space는 이러한 공백에 관련된 설정들을 다루는 속성이다.
속성값 | line break | space/tab | 자동줄바꿈 |
---|---|---|---|
normal | 무시 | 1번만 | O |
nowrap | 무시 | 1번만 | X |
pre | 반영 | 무제한 | X |
pre-wrap | 반영 | 무제한 | O |
pre-line | 반영 | 1번만 | O |
요소에서 삐져나간(자동줄바꿈이 되지 않은) 텍스트의 처리 방법을 정의. 이 속성을 사용하려면 몇 가지 조건이 충족되어야 함.
위의 조건들을 충족하면 text-overflow 속성이 적용된다.
단어의 길이가 길어서 영역을 벗어난 텍스트의 처리 방법을 정의 apple, banana 등은 단어의 길이가 짧지만 asdkfjaklsdjfklasdjfklasjdfkljasdlfjsadlfdsaklfjfklsadjf 같은 단어는 길이가 매우 길다.
단어의 길이가 길어서 영역을 벗어난 텍스트의 처리 방법을 정의
word-wrap과 word-break는 참 여러모로 애매모호한 점이 많은 것 같다...