Was soll ich tun, wenn der chinesische Text in CSS die Div-Größe überschreitet?

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!