JS 강제 줄 바꿈을 지원 파이어 폭스 [Firefox] 브라우저

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 Ajax 자바 스크립트

<! 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 >

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.