숫자로 인해 컨테이너가 늘어날 수 있으며 컨테이너 크기에 따라 자동으로 래핑할 수 없습니다. CSS를 사용하여 숫자를 래핑하는 방법은 다음과 같습니다.
div의 경우
1. (IE 브라우저) white-space:normal; 여기서 전자는 표준을 따릅니다.
#wrap{white-space:normal; width:200px; }
또는
#wrap{word-break:break-all;width:200px;}
< ;div id="wrap">ddd111111111111111111111111111111111
효과: 줄바꿈 가능
2. (Firefox 브라우저) white-space:normal; - all;overflow:hidden; 마찬가지로 FF에는 좋은 구현 방법이 없습니다. 물론 스크롤 막대를 숨기거나 추가할 수는 없습니다.
#wrap{white-space:normal; width:200px; Overflow:auto;}
또는
#wrap{word-break:break-all;width:auto; }
Effect: Container is normal, content is hidden
For table
1 . (IE 브라우저) table-layout:fixed;
abcdefghigklmnopqrstuvwxyz 1234567890 |
효과: 래핑 가능
2. (IE 브라우저) 스타일 table-layout 사용: 고정 및 nowrap
효과: 포장 가능
3. tb{table-layout:fixed}
abcdefghigklmnopqrstuvwxyz 1234567890 |
abcdefghigklmnopqrstuvwxyz 1234567890 | abcdefghigklm nopqrstuvwxyz 1234567890 div> |