Comment faire de défilement horizontale sur la page
J'ai de la div dans laquelle placé à l'intérieur de la vrd j'ai besoin de faire tous les intérieurs les divisions en ligne et la barre de défilement horizontale doit être affiché (je sais que ça semble fou, mais j'ai besoin de ça). J'ai essayé conteneur largeur de l'auto et du dépassement de défilement mais rien.
Comment le réaliser?
balisage:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text-overflow</title>
<style>
body{
width: auto;
}
#items{
overflow-x: scroll;
width: auto;
}
.item{
display: inline-block;
width: 400px;
height: 100px;
border:1px solid;
}
</style>
</head>
<body>
<div id="items">
<div class="item">
Item content
</div>
<div class="item">
Item content
</div>
<div class="item">
Item content
</div>
<div class="item">
Item content
</div>
<div class="item">
Item content
</div>
<div class="item">
Item content
</div>
</div>
</body>
</html>
OriginalL'auteur testCoder | 2012-11-14
Vous devez vous connecter pour publier un commentaire.
Utilisation
white-space: nowrap;
sur#items
DÉMO
Vous êtes les bienvenus.
OriginalL'auteur Zoltan Toth
simplement donnez #les éléments de la hauteur et de la overflow-x:auto.
pour vérifier le défilement horizontaly simplement donner le width:300px à #items au lieu de width:auto.
nope - jsfiddle.net/Bhjvg/2 lire l'OP exigence soigneusement " j'ai besoin de faire tous les intérieurs divs en ligne"
OriginalL'auteur brightboy2004
OriginalL'auteur test