css로 문자열 다루기(줄바꿈, 말줄임표 등등)
배경 css로 생각보다 줄바꿈이나 공백문자를 처리해야 할 경우가 많다. 그리고 맨날 까먹는다.... 그래서 맨날 구글링하다가 이제는 정리해야겠다 싶어서 정리를 한다. 사실 더 빨리 했어야되는데 좀 게을렀다. word-break CSS word-break 속성은 텍스트가 자신의 콘텐츠 박스 밖으로 오버플로 할 때 줄을 바꿀 지 지정합니다. normal 기본 줄 바꿈 규칙을 사용합니다. break-all 오버플로를 방지하기 위해서는 어떠한 두 문자 사이에서도 줄 바꿈이 발생할 수 있습니다. (한중일 텍스트 제외) keep-all 한중일(CJK) 텍스트에서는 줄을 바꿀 때 단어를 끊지 않습니다. 비 CJK 텍스트에서는 normal과 동일합니다. break-word 실제 overflow-wrap 속성에 상관하지..
css
2022. 4. 25. 23:33
공지사항