Maison >interface Web >tutoriel CSS >Que faire lorsque le contenu d'un élément peut être plus grand que l'espace qui lui est alloué ?
Que faire lorsque le contenu d'un élément peut être plus grand que l'espace qui lui est alloué ?
- WBOYavant
- 2023-08-23 22:05:02655parcourir
Utilisez la propriété CSS overflow pour résoudre le problème du contenu dépassant l'espace alloué. Vous pouvez essayer d'exécuter le code suivant pour résoudre ce problème −
Exemple
<html>
<head>
</head>
<style>
.scroll{
display:block;
border: 2px solid green;
padding:10px;
margin-top:10px;
width:300px;
height:50px;
overflow:scroll;
}
.auto{
display:block;
border: 2px solid green;
padding:10px;
margin-top:10px;
width:300px;
height:50px;
overflow:auto;
}
</style>
<body>
<p>Example of scroll value:</p>
<div class = "scroll">
This is Demo Content. This is Demo Content. This is Demo Content.
This is Demo Content. This is Demo Content. This is Demo Content.
This is Demo Content. This is Demo Content. This is Demo Content.
This is Demo Content. This is Demo Content. This is Demo Content.
</div>
<br />
</body>
</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!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Pourquoi devrions-nous utiliser !important ?Article suivant：Pourquoi devrions-nous utiliser !important ?