css word-wrap 속성은 요소 내용이 컨테이너 경계를 초과할 때 래핑 방법을 설정하는 데 사용됩니다. 컨테이너 경계에서 긴 단어나 URL 주소를 자동으로 래핑하도록 설정되는 경우가 많습니다. 구문 "word-wrap:normal |break-word;", 속성 값이 "word-wrap"인 경우 자동 줄 바꿈이 구현됩니다.
CSS 단어 줄 바꿈 속성을 사용하는 방법은 무엇입니까?
word-wrap 속성을 사용하면 긴 내용을 자동으로 줄 바꿈할 수 있습니다. 내용이 컨테이너의 경계를 초과할 때 단어가 끊어지는지 여부를 설정하거나 검색합니다.
Syntax
word-wrap: normal|break-word;
속성 값:
● 일반: 에서만 하이픈 넣기 지점에서 줄바꿈이 허용됩니다(브라우저에서는 기본 처리를 유지합니다).
● 단어 분리: 긴 단어나 URL 주소 안의 줄바꿈입니다.
참고: 모든 주요 브라우저는 줄바꿈 속성을 지원합니다.
css 단어 줄 바꿈 속성 예
<!DOCTYPE html> <html> <head> <style> p{ width:11em; border:1px solid #000000; } p.test{ word-wrap:break-word; } </style> </head> <body> <p>dsffdgrh121324gfdgfhhgjhkkjlkl;</p> <p class="test">dsffdgrh121324gfdgfhhgjhkkjlkl;</p> </body> </html>
렌더링:
위 내용은 CSS 단어 줄 바꿈 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!