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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
