영어 단어에 배치 하는 자동 라인의 문제를 해결 하기 위해 CSS를 사용 하 여

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 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 단어 확인...

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.