foreverk.net
제 목 [CSS] Word-break
섬네일
내용 영역 밖으로 글이 빠져 나오는 현상 제어
 
보통 게시판이나 덧글에서 한 문장의 길이가 영역보다 길 경우 (띄어쓰기가 없는) 하나의 단어로 인식 설정한 영역의 가로값을 넘어서 표현

문제점: css2 (부적격, 비표준)
word-break:break-all


□ 해결책:
word-break:break-all; word-wrap:break-word; overflow:auto; white-space:nomal


- Internet Explorer [word-break:break-all; word-wrap:break-word]
- Mozilla Firefox [overflow:auto; white-space:nomal]

width 값을 꼭 같이 설정

.txt {
    width:600px;
    word-break:break-all;
    word-wrap:break-word;
    overflow:auto;
    white-space:nomal;
}
word-break 은 MS 에서 css3에 포함 될 예정

출처
참고URL -
작성일 2013-07-06 16:06 조회수 1298
목록