Ausblenden der horizontalen Bildlaufleiste im div-Tag

Question

Ich habe eine div mit Größe x=540px y=600px

Ich möchte die horizontale Bildlaufleiste ausblenden, auch wenn der Text größer als die Größe x ist.

Wie kann ich nur die horizontale Bildlaufleiste ausblenden?

Answer 1

Überlauf-x verwenden

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

CSS:

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

wenn Sie auch die Vertikale ausblenden wollen, verwenden Sie overflow-y: hidden; oder für beide nur overflow: hidden;

Answer 2

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

Answer 3

Verwenden Sie overflow-x: hidden im body-Tag, um die horizontale Bildlaufleiste auf der gesamten HTML-Seite auszublenden

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

Sie können das auch gut mit dem folgenden Code steuern

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