CSS 줄 바꿈 코드는 무엇입니까?

css 줄 바꿈 코드: 1. "word-wrap: break-word;word-break: Normal;" 문은 자동 줄 바꿈을 실현할 수 있습니다. 2. "word-break:break-all;" 문은 강제로 줄 바꿈을 실현할 수 있습니다. 영어 단어 줄 바꿈.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css에서 줄 바꿈하는 여러 가지 방법

자동으로 줄 바꿈

div{
    word-wrap: break-word;
    word-break: normal;
}

영어 단어 줄 바꿈 강제

 div{
    word-break:break-all;
 }

줄 바꿈 없음 강제 적용

div{
    white-space:nowrap;
}

설명:

1.

white-space : normal | pre | nowrap | pre-wrap | pre-line ;

• normal: 기본값. 브라우저는 공백을 무시합니다.

• pre: 브라우저가 공백을 유지합니다. 이는 HTML의

   태그처럼 동작합니다. <p></p></li><li>nowrap: 텍스트는 줄 바꿈되지 않으며 <br> 태그가 나타날 때까지 텍스트가 같은 줄에 계속 표시됩니다. <p></p></li><li>pre-wrap: 공백 시퀀스를 유지하지만 일반적으로 줄을 바꿉니다. <p></p></li><li>pre-line: 공백 시퀀스를 병합하지만 개행은 유지합니다. <p></p></li></ul>2. word-wrap 속성 <p></p> word-wrap 속성을 사용하면 긴 단어나 URL 주소를 다음 줄로 넘길 수 있습니다. <p></p>Syntax<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">word-wrap: normal|break-word;

  로그인 후 복사