text_Experience 교환의 자동 줄 바꿈을 제어하는 ​​CSS 관련 문제

웹 페이지 레이아웃에 테이블을 사용할 경우 일반적으로 정상적으로 사용할 수 있습니다. 가끔 연속된 영어 단어나 느낌표(!!!)가 웹 페이지를 확장하는 현상을 접하게 됩니다. (

요약하면 다음 문장이 CSS에 정의되어 있는 한 웹은 페이지는 다시 늘어나지 않습니다.

table{table-layout:fixed;}
td(word-break: break-all; word-wrap:break-word;)

참고:

1. 첫 번째 테이블{table-layout:fixed;}, 이 스타일은 !!!(느낌표)와 같은 문자가 있는 경우 테이블을 자동으로 줄 바꿈할 수 있습니다.

2.td{word-break: break-all}, 일반적으로 이 문장은 괜찮지만 일부 특별한 상황에서는 여전히 깨질 수 있으므로 다음 문장을 추가해야 합니다(word-wrap: break-word; ) 이 스타일은 테이블에서 일부 연속된 영어 단어를 자동으로 래핑할 수 있습니다.