Wortumbruch in CSS kann dieses Problem lösen.
CSS-Code:
body{font-size:14px;} p{ border:solid 1px red;width:200px;} <body> <p class="test">English中文中文中文中文中文中文Englis333hEnglishEnglishEnglish中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文 123ewewee 123EnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglishEnglish </p> </body>
Der laufende Effekt zu diesem Zeitpunkt Fügen Sie, wie am Anfang des Titels erwähnt, einige Stile zum p-Tag unten hinzu
CSS-Code:
.test{ word-break:break-all;}
Sie können den gesamten Text finden, egal ob Chinesisch, Englisch oder Zahlen , kann am Ende des p-Tags des Pakets stehen. Die Position wird automatisch geändert. Dies führt dazu, dass die Zeichenfolge, die ursprünglich eine Kombination war, geteilt wird, um den Effekt zu sehen
CSS-Code:.test {word-break:hyphenate;}
.test{ word-break:keep-all;}
.test{ word-break:normal;}/*浏览器默认换行*/