CSS의 단어 분리는 이 문제를 해결할 수 있습니다.
CSS 코드:
body{font-size:14px;}
p{ border:solid 1px red;width:200px;}
<body>
<p class="test">English中文中文中文中文中文中文Englis333hEnglishEnglishEnglish中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文 123ewewee
123EnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglish
</p>
</body>
이때 실행 효과 제목 시작 부분에서 언급했듯이
CSS 코드 아래 p 태그에 몇 가지 스타일을 추가하세요.
.test{ word-break:break-all;}중국어, 영어, 숫자 등 모든 텍스트를 확인할 수 있습니다. , 패키지의 p 태그 끝에 있을 수 있습니다. 위치가 자동으로 줄을 변경하게 됩니다. 그러면 원래 조합이었던 문자열이 분할되어 효과를 살펴보겠습니다.
css 코드:.test {word-break:hyphenate;} .test{ word-break:keep-all;} .test{ word-break:normal;}/*浏览器默认换行*/
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
