1. 테이블의 너비를 설정합니다. 즉, 테이블에 너비 값(퍼센트가 아닌 숫자 값)을 지정합니다. div{ div{ //word-break는 아시아 및 비아시아 언어에 대해 강제 줄 바꿈을 설정하여 단어 내에서 줄 바꿈을 허용합니다. div{ 3. 요약하자면, 다음 문장이 CSS에 정의되어 있는 한 웹페이지는 다시 열리지 않는다는 것을 보장할 수 있습니다. 테이블{테이블 레이아웃: 고정됨;} 메모: 1. 첫 번째 테이블{table-layout:fixed;}, 이 스타일은 !!!(느낌표)와 같은 문자가 있을 때 테이블을 자동으로 줄바꿈하도록 할 수 있습니다. 2.td{word-break: break-all}, 일반적으로 이 문장을 사용해도 괜찮지만 일부 특별한 경우에는 여전히 깨질 수 있으므로 다음 문장을 추가해야 합니다(word-wrap: break-word;) 해결될 수 있습니다. 이 스타일을 사용하면 표의 일부 연속 영어 단어가 자동으로 줄바꿈됩니다. 단어 중단: 일반 | 모두 유지 | 매개변수: Normal : 아시아 및 비아시아 언어에 대한 텍스트 규칙에 따라 단어 내에서 줄 바꿈을 허용합니다. (2) 문법: 단어 줄 바꿈 : 일반 | 매개변수: Normal: 콘텐츠가 지정된 컨테이너 경계를 넘어 푸시되도록 허용합니다. 설명하다: 현재 줄이 지정된 컨테이너의 경계를 초과할 때 줄을 끊을지 여부를 설정하거나 검색합니다. 테이블 레이아웃: 자동 고정 | 매개변수: auto: 기본 자동 알고리즘입니다. 레이아웃은 각 셀의 내용을 기반으로 합니다. 각 셀을 읽고 계산할 때까지 테이블은 표시되지 않습니다. 매우 느림 설명하다: 암호: 나중에 위의 코드를 다시 작성하면 테이블/레이어가 모두 깨지는 것과 단어가 깨지는 것을 방지할 수 있다는 것을 알게 되었습니다. 암호: 현재 제가 사용하고 있는 코드이기도 합니다.
2. 줄 바꿈을 강제하지 않음
//공백: 줄 바꿈 없음; 일반 기본값; 이제 랩은 텍스트가 끝나거나 br 객체를 만날 때까지 모든 텍스트를 같은 줄에 표시합니다.
공백:nowrap }
자동 줄 바꿈
word-wrap: break-word;
단어 분리: 정상;
}
영어 단어에 대한 강제 줄 바꿈
단어 나누기:모두 나누기;
}
td(단어 나누기: 모두 나누기; 단어 둘러싸기: 나누기-단어;)
(1) 문법:
break-all : 동작은 아시아 언어의 경우와 동일합니다. 비아시아 언어 텍스트 줄의 모든 단어 내에서의 구분도 허용됩니다. 이 값은 일부 비아시아 텍스트가 포함된 아시아 텍스트에 적합합니다.
keep-all : 모든 비아시아 언어의 경우와 동일합니다. 중국어, 한국어, 일본어의 경우 단어 구분이 허용되지 않습니다. 소량의 아시아 텍스트가 포함된 비아시아 텍스트에 적합합니다.
break-word : 콘텐츠가 경계 내에서 중단됩니다. 필요한 경우 단어 나누기가 발생할 수도 있습니다.
해당 스크립트 기능은 단어 줄 바꿈입니다. 제가 쓴 다른 책들도 참조해 주세요.
(3) 문법:
고정: 고정 레이아웃 알고리즘입니다. 이 알고리즘에서 가로 레이아웃은 테이블 너비, 테이블 테두리 너비, 셀 간격, 열 너비만을 기준으로 하며 테이블 내용과는 아무런 관련이 없습니다.
테이블을 자동으로 감싸는 방법은 무엇입니까?
테이블의 레이아웃 알고리즘을 설정하거나 검색합니다.
해당 스크립트 속성은 tableLayout입니다.
4. 인터넷에 있는 대부분의 기사에 따르면 다음을 추가하면 됩니다.
암호
...........
테이블 {<br />
테이블 레이아웃:고정;단어 중단:단어 전체;단어 포장:단어 중단;}<br />
div{word-break:break-all;word-wrap:break-word;}
이렇게 하면 테이블과 레이어가 깨지는 문제를 해결할 수 있습니다. 그러나 이러한 코드는 문제를 일으킬 것입니다. 모든 영어 단어가 잘려서 영어 쓰기 습관에 맞지 않고 읽기에 도움이 되지 않습니다.
다음과 같이:
암호
테이블 {
테이블 레이아웃: 고정;
단어 줄바꿈:단어 나누기;
}
div {
단어 줄바꿈:단어 나누기;
}