CSS 너비를 넘어 포장하는 방법

너비를 넘어서 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!