영어 텍스트 배치에 대 한 CSS 코드

< 스타일 바디 "방향: ltr" leftmargin = = "2" topmargin oncontextmenu "0" = = "false"를 반환 ondragstart = "False"를 반환 Onselectstart = "false"를 반환 onselect = "Document.selection.empty ()" oncopy = "Document.selection.empty ()" Onbeforecopy = "false"를 반환 onmouseup "Document.selection.empty ()" marginheight = "0" marginwidth = "0" = > 제거 마우스 오른쪽 클릭 복사 프로그램

이 문서에서는 설명 합니다 영어 텍스트 자동 줄 바꿈을 만들기 위해 CSS를 사용 하는 방법을, 우리 모두가 지속적인 영어 또는 디지털 컨테이너 내놓고는, 수 없습니다 될 수 있습니다 알고 자동으로 포장 하는 컨테이너의 크기에 따라, 다음은 어떻게 CSS는 그들의 자동 될 것입니다 방법 포장 라인!

우리 모두 지속적인 영어 또는 디지털 컨테이너 내놓고는, 기반으로 되지 않을 수 있습니다 알고 컨테이너의 크기에 자동으로, 다음은 어떻게 CSS 것입니다 그들의 자동 라인 포장 방법! Div와 테이블 뿐 아니라 다른 브라우저, CSS 메서드를 줄 바꿈 자동 구현은 약간 다른, 아래 설명:

Div에 대 한

1. (ie 브라우저) 흰색-공간: 정상; 단어-휴식: 휴식-모든: 전 다음과 같은 표준

Div css xhtml xml 예제 소스 코드 예제 소스 코드 [www.52css.com]
#wrap {흰색-공간: 일반; 너비: 200px;}

또는:

#wrap {단어-휴식: 휴식-모든; 너비: 200px;}
< div id = "랩" > ddd111111111111111111111111111111 < / div >

효과: 자동 줄 바꿈이 구현할 수 있습니다.

2. (Firefox 브라우저) 흰색-공간: 정상; 단어-휴식: 휴식-모두; 오버플로: 숨겨진, 같은 FF도 않습니다 하지 좋은 구현 방법만 하거나 숨길 수 있습니다 스크롤 바, 물론, 아니 스크롤 막대 효과 더 추가!

Div css xhtml xml 예제 소스 코드 예제 소스 코드 [www.52css.com]
#wrap {흰색-공간: 일반; 너비: 200px 오버플로: 자동;}

또는:

#wrap {단어-휴식: 휴식-모든 폭: 200px; 오버플로: 자동;}
< div id = "랩" > ddd1111111111111111111111111111111111111111 < / div >

숨겨진 효과: 컨테이너 정상, 콘텐츠

테이블에 대 한

1. (ie 브라우저) 스타일 테이블 레이아웃을 사용 하 여: 고정:

Div css xhtml xml 예제 소스 코드 예제 소스 코드 [www.52css.com]
< 스타일 >
. 결핵 {표 레이아웃: 고정}
</스타일 >
< 테이블 클래스 = "tbl" 너비 = ">"
< tr >< td >
ABCDEFGHIGKLMNOPQRSTUVWXYZ 1234567890
< 신안 >< /tr >
</테이블 >

효과: 배치는 자동으로 감싸 일 수 있다

2. (ie 브라우저) 스타일을 사용 하 여:

Div css xhtml xml 예제 소스 코드 예제 소스 코드 [www.52css.com]
< 스타일 >
. TB {표 레이아웃: 고정}
</스타일 >
< 테이블 클래스 = "TB" 너비 = ">< TR >< TD nowrap >"
ABCDEFGHIGKLMNOPQRSTUVWXYZ 1234567890
< 신안 >< /tr >
</테이블 >

효과: 배치는 자동으로 감싸 일 수 있다

3. (ie 브라우저) TD 크기 고정 비율을 사용 하 여 스타일 테이블-레이아웃: 고정 및 넘김:

Div css xhtml xml 예제 소스 코드 예제 소스 코드 [www.52css.com]
< 스타일 >
. 결핵 {표 레이아웃: 고정}
</스타일 >
< 테이블 클래스 = "TB" 너비 = 80 >
< tr >
< TD 폭 25 %nowrap = >
ABCDEFGHIGKLMNOPQRSTUVWXYZ 1234567890
< 신안 >
< TD nowrap > abcdefghigklmnopqrstuvwxyz 1234567890 < 신안 >
< /tr >
</테이블 >

효과: 두 개의 TD는 정상적인 자동 줄 바꿈을

4. (Firefox 브라우저) 비율을 사용 하 여 고정 TD 크기 케이스 사용 스타일 테이블-레이아웃: 고정 nowrap, 및 사용 하 여 div:

Div css xhtml xml 예제 소스 코드 예제 소스 코드 [www.52css.com]
< 스타일 >
. TB {표 레이아웃: 고정}
. td {오버플로우: 숨겨진;}
</스타일 >
< 클래스 테이블 TB 너비 = 80 = >
< TR >< TD 폭 = 25% 클래스 TD nowrap = >
< DIV > ABCDEFGHIGKLMNOPQRSTUVWXYZ 1234567890 < / div >
< 신안 >
< TD 클래스 = TD nowrap >< 사업부 > abcdefghigklmnopqrstuvwxyz 1234567890 < / div >< 신안 >
< /tr >
</테이블 >

여기 셀 너비 비율 효과로 정의 해야 합니다: 디스플레이 정상 이지만 줄을 줄 바꿈할 수 없으면.