> 웹 프론트엔드 > CSS 튜토리얼 > Firefox CSS_Experience Exchange에서 자동 줄 바꿈을 구현하는 방법

Firefox CSS_Experience Exchange에서 자동 줄 바꿈을 구현하는 방법

WBOY
풀어 주다: 2016-05-16 12:05:08
원래의
2089명이 탐색했습니다.

IE를 직접 사용하세요:
word-break:break-all; /*단어 내 줄바꿈 허용*/
word-wrap:break-word; /*콘텐츠가 경계 내에서 줄바꿈됩니다*/
/ *필수 기본값은 다음과 같습니다. */
word-wrap:normal /*콘텐츠가 지정된 창 경계를 열도록 허용*/
그러나 Firefox에는 좋은 구현 방법이 없습니다. 절충 솔루션을 사용하는 것입니다. 스크롤 바가 있지만 줄 바꿈을 결정하기 위해 js를 사용하는 방법도 인터넷에서 제안되었으며, 이는 여기에서 발췌되었습니다(인터넷에서 재인쇄됨, 이에 설명됨). JavaScript 복사 코드

참고: 위 스크립트는
앞에 배치됩니다.

동일한 페이지에서 단일 호출:

여기 줄 바꿈을 적용하려면

의 내용이 같은 페이지에서 여러 번 호출됩니다.
줄 바꿈을 적용하는 내용은 다음과 같습니다

줄바꿈 내용을 적용할 내용은 다음과 같습니다
                                                                                                                                          ID 이름의 경우 위 방법을 적용한 후 IE에서도 설정된 문자 수에 따라 줄 바꿈을 수행하지만 IE는 자동 줄 바꿈을 지원합니다. 그러니 IE인지 확인해보세요. IE가 아니면 위의 XML/HTML 복사 코드를 출력하지 마세요.

그렇지 않으면 이 JS가 출력됩니다. 코드는 테스트되지 않았습니다. 아이디어만 읽고 필요한 경우 직접 디버그하세요! 오류가 있으면 메시지를 남겨주세요.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿