글자 넘어가는 것 css처리

09 May 2018

overflow 처리 후

word-break

옆으로 길어지는 텍스트 아래로 내리기

word-break: break-word;

wite-apce

white-space는 여러가지 값이 있는데, 정리를 해보자면 이렇습니다.

inherit : 말그대로 상속 받는 것 normal : 일반적인 것, default nowrap : 줄바꿈을 하지 않는다 pre : <pre>태그와 같은 기능, 마크업에서 앤터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다 pre-line 마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다 pre-wrap pre-line 과 비슷

http://htglss.tistory.com/31