propriété CSS overflow-x


  Résultats de traduction：

Anglais [ˌəʊvəˈfləʊ] US [ˌoʊvərˈfloʊ]

vt.& vi. Débordement, débordement; débordement; excès de ressources

n. débordement; débordement

adj. Débordement, plein de

Troisième personne du singulier : débordement Participe présent : débordant Passé : débordé Participe passé : débordé

propriété CSS overflow-xsyntaxe

Fonction : Spécifie s'il faut recadrer le bord gauche/droit du contenu - s'il déborde de la zone de contenu de l'élément.

Syntaxe : overflow-x: visible|hidden|scroll|auto|no-display|no-content;

Description : visible ne recadre pas le contenu et peut être affiché en dehors de la zone de contenu. contenu recadré caché - aucun mécanisme de défilement n'est fourni. scroll Crop content - Fournit un mécanisme de défilement. auto Si la boîte déborde, un mécanisme de défilement doit être prévu. no-display Si le contenu ne rentre pas dans la zone de contenu, supprimez la zone entière. no-content Masque tout le contenu s'il ne rentre pas dans la zone de contenu.​

Remarque : Utilisez l'attribut overflow-y pour déterminer le recadrage des bords supérieur/inférieur. L'attribut overflow-x ne fonctionne pas correctement dans IE8 et les navigateurs antérieurs.

propriété CSS overflow-xexemple

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-x:hidden;
overflow-y:hidden;
}
</style>
</head>
<body>

<div><p style="width:140px">
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
</p></div>

<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p>
<p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>

</body>
</html>

Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Recommandations populaires

Maison

vidéos

Questions et réponses

soumettre