So lösen Sie den Überlauf von Textinhalten in div

Wenn wir Inhalte in einem Div bearbeiten, kommt es manchmal zu einem Überlauf. Was sollen wir also tun, wenn das passiert? In diesem Artikel werden hauptsächlich gängige Lösungen für den Überlauf von Textinhalten in p vorgestellt. Hat einen sehr guten Referenzwert. Kommen Sie und lernen Sie gemeinsam.

Aufgrund der Unsicherheit der Länge des Textinhalts und der Starrheit des Seitenlayouts kommt es häufig zu Textüberläufen. Es gibt eine Lösung:

1: Geben Sie die Breite und Höhe des übergeordneten Textcontainers an und legen Sie ihn über das Verstecken hinaus fest: overflo: "hidde"

-------Der Nachteil ist, dass der letzte In diesem Fall wird empfohlen,

zu verwenden, wenn nur die Anzeige einer Textzeile gesteuert wird. 2: CSS + P verhindert, dass der Text überläuft wird zu einer Ellipse und zeigt einen Zeilenumbruch: nowrap; text-overflow:ellipsis;

------Der Nachteil besteht darin, dass der Firefox-Browser nicht gut funktioniert und abgeschnitten wird. Es gibt nicht viele Seiten, die ausgeblendet werden müssen. Es wird empfohlen,

3 zu verwenden: Verwenden jQuery zur Begrenzung der Zeichenanzahl

$(document).ready(function(){
//限制字符个数
$(“.word_overflow”).each(function(){
var maxwidth=23;
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'…');
}
});
});

Verwandte Empfehlungen:

Überlaufversteck: die umfassendsten Lösungen zum Lösen von Inhalten Überlaufprobleme mit CSS

Fassen Sie die durch CSS-Floats verursachten Inhaltsüberlaufprobleme zusammen und löschen Sie die Floats-Methode

jQuery implementiert die Methode zur Steuerung des Überlaufs von Textinhalten, dargestellt durch ein Auslassungszeichen (...)_jquery

Das obige ist der detaillierte Inhalt vonSo lösen Sie den Überlauf von Textinhalten in div. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!