나는 우리가 즉석에서 독일어로 번역하는 페이지를 가지고 있습니다. 페이지에는 가로로 배열 된 3 개의 라디오 버튼 세트가 있습니다. 영어로는 잘 표시되지만 독일어에서는 라벨 텍스트가 버튼/라벨 오른쪽에 겹쳐서 표시됩니다. 텍스트는 단 한 (장황한) 독일어 단어이므로 줄 바꿈이 시작되지 않습니다. 영어 표현에 영향을 미치지 않는 수정 사항에 대한 제안 사항 (즉, 영어 텍스트 줄 바꿈)? 아래의 스크린 샷 :단어가 너무 길어서 라디오 버튼이 없습니다.
screenshot of problem http://img13.imageshack.us/img13/2604/germantext.png
처럼 렌더링 할 수 있습니까?
가 soft hyphen (­)를 사용합니다. 줄 바꿈을 허용하고 하이픈을 표시합니다. 그렇지 않으면 표시되지 않습니다. CSS는 분명히 줄 바꿈을 허용합니다 (다른 레이블에서 볼 수 있듯이). 예 :
Super­cali­fragi­listic­expi­ali­docious
는 라디오 버튼에 대한 break-word에 CSS word-wrap 속성을 설정 봤어
Supercalifragilistic-
expialidocious
가장 좋은 해결책은 대안 (라디오 버튼과 라벨)을 자신의 라인에 놓는 것입니다. 이것은 유용성과 접근성에 좋으며, 수동적으로 문제를 해결합니다. 공간이 아닌 문제를 저장하십시오.
가능하다고 간주되지 않는 경우 Amadan이 제안한 방식을 동적으로 적용합니다. 부드러운 하이픈을 서버 측 또는 클라이언트 측에 즉시 삽입하는 다양한 방법이 있습니다. 혼합 언어 콘텐츠에서도 작동하는 demo of client-side hyphenation을 확인하십시오 (브라우저 창 너비를 변경하여 효과를 확인하십시오). 데모에서는 Hyphenator.js을 사용합니다.
그래, 수직 대 수평이 훨씬 낫지 만, 레이아웃을 제어 할 권한이 없습니다. Hyphenator.js에 대해 자세히 살펴 보겠습니다.하지만 언뜻 보면 필요한 모든 언어를 지원하지 않으며 모든 패턴을 추가하는 것이 시간이 많이 걸릴 것입니다. 감사. – shimmoril
@shimmoril, 대부분의 언어를 올바르게 처리하면 (하이픈 넣기 사용) 여전히 심각하게 깨진 방식으로 모든 언어를 처리하는 것보다 좋습니다 (단어 분리). –
실제로 _most_ 언어 인 경우 동의 할 것입니다. Hyphenator.js는 사용자에게 제공되는이 문제 (예 : 상당히 긴 단어)를 가질 가능성이있는 언어 중 하나 인 독일어 만 지원합니다. 그것은 전혀 해결책이없는 6-7 개의 언어를 남겨 둡니다. 텍스트가 필드 크기를 초과하면 기본적으로 읽을 수 없으므로 사용할 수 없습니다. 앞으로의 구현을 위해 Hyphenator를 염두에 두 겠지만, 지금은 워드 랩 픽스가 우리 제품에 대해 유일하게 실행 가능한 솔루션입니다. – shimmoril
완벽! 이것은 내가 필요로하는 것을 정확하게 수행하고, 나는 단지 그것을 기존의 클래스 명세에 추가 할 수있다. 나는 정말로 내가 추측 한 CSS3를보아야 만한다. – shimmoril
이상적으로 도와 줘서 다행이다. – vimist
'word-wrap : break-word' 선언은 실제로 단어를 깨뜨린다. 임의의 지점에서 문자열을 잔인하게 나눈다. 이것은 독일어와 다른 대부분의 언어에서는 틀린 것입니다. 영어 단어 "right"를 "ri"와 "ght"(하이픈 삽입하지 않음)로 구분하는 것만 큼 잘못되었습니다. –