너비를 넘어서 CSS 줄 바꿈을 구현하는 방법: 1. "word-wrap: break-word"를 사용하여 자동 줄 바꿈을 구현합니다. 2. "overflow:hidden"을 사용하여 줄 효과를 얻기 위해 너비와 높이를 제한합니다. 폭 이상으로 포장합니다.
이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.
css 설정은 너비가 충분하지 않을 때 자동으로 줄 바꿈
그림과 같이:
1. 자동 줄 바꿈
// html <div>111111111111111111111111</div> // css widht:100%; height:100%; word-wrap: break-word
2. 너비 및 높이 제한
// html <div>11111111111111111111111111</div> //css widht:100px; height:100px; overflow:hidden // 如果想让元素可以滚动，设置为auto即可
(참고: div가 li에 배치하려면 디스플레이를 추가해야 합니다: inline-block 속성)
【추천 학습: css 비디오 튜토리얼】
위 내용은 CSS 너비를 넘어 포장하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
