comment cacher dans la barre de défilement horizontale balise div

Question

J'ai un div avec la taille x = y = 540px 600px

Je veux cacher la barre de défilement horizontale, même si le texte est plus grande que la taille de x.

Comment puis-je masquer uniquement la barre de défilement horizontale?

Answer 1

utilisation overflow-x

<div class="MyDivClass"></div> 

CSS:

.MyDivClass { 
    height: 600px; 
    width: 540px; 
    overflow-x: hidden; 
} 

si vous voulez aussi cacher l'utilisation verticale overflow-y: hidden; ou pour les deux juste overflow: hidden;

Answer 2

.MyDivClass { 
    height: 600px; 
    width: 540px; 
    overflow-x: hidden; 
} 

Answer 3

Utilisation overflow-x: hidden dans balise body pour masquer scro horizontal bar ll à la page HTML toute

body { 
    background: none repeat scroll 0 0 #757575; 
    font: 100%/1.4 Verdana,Arial,Helvetica,sans-serif; 
    margin: 0; 
    padding: 0; 
    height: 600px; 
    width: 540px; 
    overflow-x: hidden; 
} 

Answer 4

Vous pouvez également contrôler bien que l'utilisation du code ci-dessous

.div{ 
    width: 540; 
    height: 600px; 
    overflow: scroll; 
    overflow-x: hidden; 
}