긴 문자를 자동으로 줄 바꿈합니다(예: URL 및 이메일 주소) 목적: 매우 긴 문자열을 자동으로 줄 바꿈하지만 중간에 짧은 단어를 끊지 않습니다.
방법은 다음과 같습니다.
- <스타일>
- div{
- width:300px;overflow:hidden;/* FF, Opera의 경우 고정 너비 추가 문자 숨기기*/
- word-wrap:break-word;word-break:normal;/* IE, Safari의 경우 자동 줄바꿈 지원*/
- }
- </ 스타일 >
|
IE, Firefox, Opera 및 Safari에서 각각 다음 코드를 실행하여 확인할 수 있습니다.
- < 스타일 유형 = "텍스트/CSS" >
- div{너비:200px;배경:빨간색;오버플로:숨김;word-wrap:break-word;word-break:normal;}
- </ 스타일 >
- <div> 축하 합니다
- 긴 문자(예: URL 및 이메일 주소)를 줄 바꿈합니다.
- http://www.div-css.com/html/standard/base/81857.html
- SDFG 일부 단어에 공백이 있습니다...
- XXXXXXXXXXXXDGXXXXXXXXXYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXxwhite-space: nowrap
- 일부 중국어 글꼴 일부 중국어 글꼴 일부 중국어 글꼴 일부 중국어 글꼴 일부 중국어 글꼴 일부 중국어 글꼴은 줄바꿈되지 않을 수 있습니다.
- 웹 표준화 < a href = "http://www.div-css.com" _fcksavedurl = "http://www.div-css.com" > www.div-css.com </ a >
- 한자 한자 한자 한자 영어 한자 한자 영어 한자 한자 영어 한자 한자 영어 한자 영어 한자 한자 영어 한자 한자 영어 한자 한자 영어 한자
- </div>
|
또한 인터넷에서 JS를 사용하여 Firefox에서 긴 문자열을 자동으로 래핑하는 방법은 래핑 후 얻은 문자열이 더 이상 원래 문자열이 아니기 때문에 권장되지 않습니다. 주소를 다시 복사하면 더 이상 원래 주소를 얻을 수 없으며 중간에 공백이 생깁니다. 그것은 이미 다른 링크입니다.