영어 단어에 자동 줄 바꿈이의 문제를 해결 하기 위해 CSS를 사용 하는 방법

양식/레이어 파열을 방지합니다 하 고 깨는에서 단어를 방지

많은 사람들을 고문 해야 영어 단어에 자동 줄 바꿈을의 문제 라고 할 수 있다
면 단어는 아주 긴, 양식, 손상 될 그리고 단어는 관에서 열릴 것 이다.

양식에서 파열 방지

이 질문 또한 해결, 하지만 영어를 한 많은 사람들이, 뒷부분의 이전 버전에에서 의해 언급 하고있다 새로운 템플릿이 제어를 일부 CSS 코드를 추가할 필요가 없습니다 단어 라인, 깨진 했다. 오늘, 나는 해결책은 간단 하다 찾아냈다.

웹에 대부분의 기사에 따르면 그냥 CSS에 추가:
코드
..........

테이블 없음

Table-layout:fixed;word-break:break-all;word-wrap:break-word;

Div {단어-휴식: 휴식-; 모든 단어-랩: 휴식-단어;

테이블을 해결할 수 있는 레이어 파열, 처음 나는 동일을 했다. 그러나,이 코드는 문제를 만들 것입니다, 그리고 당신은 그 영어 단어 모두 잘립니다, 영어 쓰기 습관에 맞지 않는 고 읽기에 도움이 되지 않습니다 발견할 것 이다.

나중에 파열 및 단어 분리에서 양식/레이어를 방지 하기 위해 코드를 다시 수 것으로 나타났습니다.
다음:
코드

테이블 없음
표 레이아웃: 고정;
단어-바꿈: 휴식-단어;
}
div 없음
단어-바꿈: 휴식-단어;
}

그것은 지금 사용 하는 코드 이다.
-----------------------------------------------------

수 잉 (라이너 Su)의 CSS2 중국 핸드북에 따르면

단어 분리 버전: ie5 + 독점 재산 상속:
구문:
단어-휴식: 일반 | 휴식-모든 | 유지 모든
값:
일반: 기본값. 단어 사이 줄 바꿈 허용
브레이크 모든:이 동작은 아시아 언어에 대 한 일반과 동일. 또한 연결이 끊어질 수 비 아시아 텍스트 줄에 어떤 단어 수 있습니다. 이 값은 비 아시아 텍스트를 포함 하는 아시아 언어 텍스트에 적합
유지-다: 모든 비 아시아 언어에 일반적으로 동일한. 중국어, 한국어, 일본어, 대 한 단어를 깰 수 없습니다. 아시아 언어 텍스트의 작은 금액에 대 한 비-아시아 텍스트

설명:
설정 하거나 개체 내 텍스트 내에서 동작을 포장 하는 단어를 검색 합니다. 특히 여러 언어 존재.
중국어, 휴식-모두를 사용 해야 합니다.
이 속성은 읽기 전용 Currentstyle 개체입니다. 다른 개체에 대 한 쓰기입니다.
해당 스크립트 특성 wordbreak입니다.
예:
div {단어-휴식: 휴식-모든;}
에 적용 됩니다.
ie5.0 +

워드 랩 버전: ie5.5 + 독점 속성 상속:
구문:
단어-바꿈: 일반 | 브레이크 단어
값:
일반: 기본값. 최고 오픈 지정된 컨테이너 경계를 콘텐츠 허용
휴식-단어: 콘텐츠 경계 안에 래핑합니다. 필요한 경우 단어 줄 바꿈 (단어 분리)도 발생 합니다.

설명:
설정 하거나 검색 여부는 현재 행에서 지정된 된 컨테이너의 범위를 초과 하는 경우 경력 변경 깨졌습니다.
이 속성은만와 레이아웃, 같은 블록 개체를 위한 것입니다. 이 특성을 사용 하 여 인라인 요소 하거나 해야 합니다 먼저 개체의 height 또는 width 속성을 설정 하거나 위치 속성을 설정 합니다 절대, 차단 하려면 디스플레이 속성 설정.
이 속성은 읽기 전용 Currentstyle 개체입니다. 다른 개체에 대 한 쓰기입니다.
해당 스크립트 특성은 wordwrap.
예:
div {단어-랩: 휴식-단어, 단어-휴식: 휴식-모든;}

이에 주의
휴식-단어: 콘텐츠 경계 안에 래핑합니다. 필요한 경우 단어 줄 바꿈 (단어 분리)도 발생 합니다.

바꿈 충분 하다, 그래서 기본 하지 단어 선 열립니다 하지만 매우 긴 단어가 있는 경우 마지막 같은 무서운 12 영어 단어의 역사의 잘못 된 버전으로, 그것은 해체 될 또한 것 이다, 테이블을 피하기 위해 깨진.
하지만이 하지 않은 CSS2 표준 모질라 하지 않습니다 그래서 누군가가 발생 하는 경우 라인에 대 한 단어를 열 수 없습니다 우리 모두 영어 단어 거기 쓰기 좋은 것이 없다, Firefox 경우이 특성은 지원 쓰기 매우 긴 단어, 모질라 파이어 폭스 것 하지 브레이크 라인을 깨는.
C s s 3에,가이 특성에 영향을 받지 않습니다 모 르 겠 하지만 진실을 말해, 너무 BT 단어 확인...