<! doctype HTML 공개 "-//W3C//DTD XHTML 1.0 전환 / / 엉" "http://www.w3.org/tr/xhtml1/dtd/ Xhtml1 transitional.dtd ">
< html xmlns =" http://www.jzread.com/1999/xhtml "> < 머리 >
< 메타 http-equiv = "content-type" 내용 = "text/html; 문자셋 = utf-8 "/ >
< 제목 > 파이어 폭스-휴식-단어 < / 타이틀 >
< 유형 스타일 =" Text/css ">
<!- -/ *-> <! [cdata [/ * ><!-* /
#break {국경: 1px 단단한 #ccc; p 추가:.4em 8em; 너비: 200px 단어-랩: 휴식-단어; 단어-휴식: 휴식-모든;
/ *] > * /
-> < / 스타일 >
< / 헤드 > < 몸 >
< div id = "휴식" >
적은 것이 있다면 동정 거기 것 이다 세계에서 세계에서 더 적은 문제는. (O. 와일드)
< / div > < 스크립트 > 함수 Tobreakword (intlen)
var {Obj=document.getelementbyid ("FF");
Var strcontent=obj.innerhtml;
var strtemp = "";
동안 (Strcontent.length > intlen) {
Strtemp+=strcontent.substr (0, intlen) + < br > ";
Strcontent=strcontent.substr (intlen,strcontent.length);
} strtemp + = "
" + strcontent;
Obj.innerhtml=strtemp;
} 경우 (document.getElementById & &! document.all) Tobreakword (Notoginseng)
< / 스크립트 >
1. (ie 브라우저) 연속 영문자와 아라비아 숫자, 단어를 사용 하 여-랩: 휴식-단어 또는 단어-휴식: 휴식-모든;
#wrap {단어-휴식: 휴식-모든; 너비: 200px;}
또는
#wrap {단어-랩: 휴식-단어; 너비: 200px;}
< div id = "랩" > abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111 < / div >
효과: 줄 바꿈을 구현할 수 있습니다.
2. (Firefox 브라우저) 연속 영문자와 아라비아 숫자 휴식, Firefox의 모든 버전이이 문제가 해결 되지 않았습니다, 그리고 우리는 숨겨진 문자의 범위를 넘어가 게 하거나, 스크롤 막대를 컨테이너에 추가 해야
#wrap {단어-휴식: 휴식-모든 폭: 200px; 오버플로: 자동;}
< div id = "랩" > abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111 < / div >
숨겨진 효과: 컨테이너 정상, 콘텐츠
</바디 >
< / html >