Comment résoudre le débordement de contenu textuel dans div

Parfois, lorsque nous modifions du contenu dans un div, celui-ci déborde, alors que devons-nous faire si cela se produit ? Cet article présente principalement les solutions courantes au débordement de contenu textuel dans p. A une très bonne valeur de référence. Venez apprendre ensemble.

En raison de l'incertitude sur la longueur du contenu du texte et de la fixité de la mise en page, un débordement de texte est souvent rencontré. Il existe une solution :

1 : Spécifiez la largeur et la hauteur du conteneur parent de texte et définissez-le au-delà du masquage : overflo: "hidde"

lorsque l'on contrôle seulement l'affichage d'une seule ligne de texte 2 : css+p empêche le débordement du texte. devient une ellipse et affiche un saut de ligne : nowrap; word-break: break-all; text-overflow:ellipsis; -o-text-overflow:ellipsis;------L'inconvénient est que le navigateur Firefox ne fonctionne pas bien et va tronquer, il n'y a pas beaucoup de pages à masquer, il est recommandé d'utiliser

$(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()+'…');
}
});
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!