그럴 때는 word-wrap: break-word 를 사용하면 되는 것 같다. 예제는 여기서 볼 수 있다.
이건 css3 프로퍼티다.
하지만, 현재 IE6 이상, 사파리(그래서 아마 크롬도), Firefox 3.1 이상은 지원한고 한다.(출처)
그리고 Firefox 테이블에서 이게 제대로 작동 안 한다는 말도 있는 것 같은데, 여기서 토론을 볼 수 있다.
안형우
안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개
작업물
📌 CSS가 어려운 이유 — 프로젝트 중심 실전 CSS 강의 소개
2023-04-13
📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의)
2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점
2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드)
2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서
2013-05-12
📌 [번역] CSS 코드 냄새
2013-01-01
[CSS3] 공백없는 긴 단어 줄바꿈이 안 될 때 word-wrap
안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개
작업물