cómo ocultar la barra de desplazamiento horizontal en la etiqueta div

Question

Tengo un div con el tamaño de 540px x = y = 600px

Quiero ocultar la barra de desplazamiento horizontal, incluso si el texto es más grande que el tamaño de x.

¿Cómo puedo ocultar solo la barra de desplazamiento horizontal?

Answer 1

uso desbordamiento-x

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

CSS:

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

si también desea ocultar el uso vertical de overflow-y: hidden; o de ambos a overflow: hidden;

Answer 2

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

Answer 3

Uso overflow-x: hidden en etiqueta corporal para ocultar scro horizontal ll barra en la página HTML entera

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

Usted también puede controlar muy bien que mediante el siguiente código

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