Die Lösung für den Fall, dass chinesischer Text in CSS das div überschreitet, besteht darin, dem div die Attribute „overflow“, „word-break“ und „word-wrap“ hinzuzufügen und die Attributwerte auf „hidden“, „break-all“ und „break-all“ zu setzen. Wort bzw.
Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.
Ich habe eine Textzeichenfolge in ein Div eingegeben, aber der Textinhalt hat diese überschritten, wie im Bild unten gezeigt:
Jetzt möchte ich, dass der zusätzliche Text automatisch umbrochen wird Bild unten?
Verwendete Attribute:
Das Überlaufattribut gibt an, was passiert, wenn der Inhalt die Elementbox überläuft.
Versteckte Inhalte werden gekürzt und die verbleibenden Inhalte werden unsichtbar. Das Attribut
word-break gibt die Verarbeitungsmethode des automatischen Zeilenumbruchs an.
break-all Ermöglicht Zeilenumbrüche innerhalb von Wörtern.
Das Zeilenumbruch-Attribut ermöglicht das automatische Umbrechen langer Inhalte.
break-word Zeilenumbruch innerhalb langer Wörter oder URL-Adressen.
Der spezifische Implementierungscode lautet wie folgt:
html:
<div class="dbubble-text">
nishi shfishfshfscccccccccccccccccccifhsssfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
</div>css:
.dbubble-text {
display: inline-block;
font-size: 14px;
color: #303030;
line-height: 1.6;
font-family: "微软雅黑";
width: 200px;
word-wrap: break-word;
word-break: break-all;
overflow: hidden;
}Lernvideo-Sharing: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn der chinesische Text in CSS die Div-Größe überschreitet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
