Comment masquer le contenu qui déborde d'un DIV

Habituellement, lorsque nous mettons en page la page Web, il y a toujours un problème avec trop de contenu de texte, qui dépasse la hauteur qui dépasse notre limite. Ensuite, il y aura des images qui briseront le DIV et provoqueront. la page Web est mal alignée et encombrée. Alors, comment résoudre ce problème ?

Nous devons résoudre comment utiliser CSS pour masquer automatiquement le contenu qui dépasse la largeur CSS et la hauteur CSS définies sans casser la mise en page DIV.

Surtout dans IE6, si le contenu dépasse la hauteur et la largeur de l' objet , il éclatera et augmentera en hauteur. À ce stade, nous pouvons utiliser les solutions suivantes.

Résolution des styles CSS

À ce stade, nous pouvons utiliser le style CSS overflow pour résoudre :

débordement de style correspondant : caché

Div{ overflow:hidden}

Après un réglage comme celui-ci, si l'objet DIV est défini sur une certaine largeur et hauteur, l'ajout de overflow:hidden à ce moment masquera le contenu, y compris les images qui dépassent la largeur et la hauteur de la DIV.

Lecture connexe : implémentation CSS du débordement dépassant le contenu du texte et affichant des points de suspension

Masquer au-delà de la casse du contenu

Masquer le contenu du texte au-delà de la largeur et de la hauteur de l'objet

<style> 
.div{ width:300px; height:50px; line-height:25px; overflow:hidden} 
/* 设置对象高度宽度，同时设置overflow:hidden */ 
</style>

<div class="div">欢迎，

FAQRéponses