DIV에서 줄 바꿈 자동

1684 단어
word-break:break-all와word-wrap:break-word는 DIV와 같은 용기의 내용을 자동으로 줄로 바꿀 수 있습니다.
이러한 차이점은 다음과 같습니다.
1,word-break-all 예컨대div 너비 200px의 내용은 200px로 자동으로 줄을 바꾼다. 만약 이 줄 끝에 영어 단어가 매우 길면(congratulation 등) 단어를 절단하여 이 줄 끝에 conra(congratulation의 앞부분), 다음 행동tulation(conguatulation)의 뒷부분으로 바꾼다.
2,word-wrap:break-word의 예는 위와 같지만 차이점은congratulation 전체 단어를 하나의 전체로 간주하는 것이다. 만약에 이 줄의 끝 폭이 전체 단어를 표시하지 못하면 자동으로 전체 단어를 다음 줄에 놓고 단어를 끊지 않는다.
3,word-break;break-all 지원 버전: IE5 이상은 아시아 언어의 normal과 같습니다.또한 아시아 언어가 아닌 텍스트 행의 아무 단어나 끊을 수 있습니다.이 값은 일부 아시아 텍스트가 아닌 아시아 텍스트에 적합합니다.WORD-WRAP:break-word 지원 버전: IE5.5 이상의 내용은 경계 내에서 줄을 바꾼다.필요하면 단어 내 줄 바꾸기(word-break)도 발생한다.테이블의 행이 자동으로 바뀝니다.word-break:normal | break-all | keep-all 매개 변수:normal: 아시아 언어와 비아시아 언어의 텍스트 규칙에 따라 글자 안에서 줄을 바꾸는 것을 허용합니다break-all: 이 행위는 아시아 언어의 normal과 같습니다.또한 아시아 언어가 아닌 텍스트 행의 아무 단어나 끊을 수 있습니다.이 값은 일부 비아시아 텍스트를 포함하는 아시아 텍스트keep-all에 적합합니다. 모든 비아시아 언어의normal과 같습니다.중국어, 한국어, 일본어에 대해서는 글자를 끊는 것을 허락하지 않는다.소량의 아시아 텍스트를 포함하는 비아시아 텍스트 문법:word-wrap:normal | break-word 매개 변수:normal: 지정한 용기의 경계를 벗어날 수 있도록break-word: 내용은 경계 내에서 줄을 바꿉니다.필요하면 단어 내 줄 바꾸기(word-break)도 설명합니다: 지정된 용기의 경계를 초과하여 줄을 설정하거나 검색할 때 줄을 끊을지 여부입니다.
대응하는 스크립트 특성은 wordWrap입니다.내가 편찬한 기타 서목을 참고하시오.문법:table-layout:auto |fixed 매개 변수:auto:기본 자동 알고리즘.레이아웃은 각 칸의 내용을 바탕으로 합니다.표는 모든 칸에서 계산을 읽은 후에야 표시됩니다.속도가 느리다fixed: 고정된 레이아웃의 알고리즘입니다.이 알고리즘에서 수평 레이아웃은 표의 너비, 표의 테두리의 너비, 단원격의 간격, 열의 너비만 바탕으로 하고 표의 내용과 무관하게 표의 레이아웃을 설정하거나 검색하는 알고리즘이다.해당 스크립트의 특성은 tableLayout입니다.
예:
.word_break {float:left;width:200px;margin:10px;padding:10px;font-size:16px;font-family:simsun;border:1px solid #242424;zoom:1;
word-break:break-all;

}

좋은 웹페이지 즐겨찾기