div 내에서 크로스 브라우저 텍스트 줄 바꿈

div에 텍스트 블록을 넣고 중간에 '-'를 넣고 중간에 단어를 넣을 수있는 방법이 있습니까?div 내에서 크로스 브라우저 텍스트 줄 바꿈

기본적으로 줄 바꿈은 elem-
ent와 같습니다. 그런 다음 div id가 리사이즈 될 때
자릿수로 자동 줄 바꿈하는 tex-
블록을 만들 수 있습니다.

2012-09-24 Hat

CSS는 제한적이지만 지원은 매우 제한적입니다. https://developer.mozilla.org/en-US/docs/CSS/hyphens –

실제로는 하이픈이 발생하기 때문에 실제로는별로 효과적이지 않을 것입니다 무작위 문자가 아닌 음절 사이에서, 그리고 음절을 탐지하는 것은 매우 어렵습니다. – jsonnull

Jason (+1)에 따르면 브라우저 간 문제는 아니지만 언어 간 문제 일 수 있습니다. 그러나 누가 압니다. HTML6을 기다리고 * lang * 속성에 따라 구현 된 * 시소러스 * 단어 인식 기술을 보도록하겠습니다. ':) –

의견 작성자의 의견입니다. 그러나 그 가치에 대해, 이것은 당신이 얻을거야 아마 최고입니다 '-'당신이 절대적으로 필요하지 않은 경우 http://jsfiddle.net/zB47k/

2012-09-25 01:23:54 Fresheyeball

당신이

.wrap {word-wrap:break-word;} 

<div class="wrap">dfkajdlkfjkadjfjadjfladjfkajdkjfkajdfad</div>

또한 사용할 수있는 단어가 포장 사용할 수있는 새로운 하이픈 사양하지만 제한된 브라우저 지원 : http://caniuse.com/#feat=css-hyphens

-ms-hyphens: auto; 
-webkit-hyphens: auto; 
-moz-hyphens:auto;

2012-09-25 01:31:39 jermel

하이픈 크로스 브라우저 기본 지원을 기다리는 동안 하나 개의 방법이 될 수있다 : http://code.google.com/p/hyphenator/

또는 소프트 하이픈 서버 쪽 (PHP)를 추가 : http://phphyphenator.yellowgreen.de/

I 사이트가 다국어 한 모든 language- 때문에, (위의 라이브러리를 사용하여) PHP에서 소프트 하이픈을 추가하는자가 사용하는 방법을 관련 물건은 서버 측에서 발생합니다.

2012-09-25 03:06:41

답변