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