溢出行div div与滚动不是新行

我有一个div whith包含另一个divs与图像。我需要在线上有这些div，但是当我添加另一个div时，没有足够的空间，因此这个div会转到新的行。 div的数量取决于db中图像的数量，所以我需要滚动它们。溢出行div div与滚动不是新行

CSS：

div#saved_images { 
    width: 85%; 
    height: 135px; 
    overflow-x: scroll; 
    overflow-y: hidden; 
    border: 2px dashed #000; 
    border-radius: 10px; 
} 

div.saved_image { 
    display: inline-block; 
    width: 170px; 
    height: 120px; 
    padding-left: 5px; 
    padding-right: 5px; 
    text-align: center; 
}

感谢您的输入。这是一个jsfiddle：http://jsfiddle.net/remibreton/Sc2L8/

来源

2012-03-12 Marek Čačko

我做你的事情的jsfiddle。似乎在Chrome中为我工作。你使用的是什么浏览器？ – 2012-03-12 14:37:29

你应该在div＃容器中使用“white-space：nowrap”。

div#container { 
    width: 85%; 
    height: 135px; 
    overflow:scroll; 
    border: 2px dashed #000; 
    border-radius: 10px; 
    white-space:nowrap; 
}

来源

2012-03-12 14:42:42 sinanakyazici

谢谢你white-space：nowrap;工作:) – 2012-03-12 14:46:09

这听起来像浮动的典型案例。关于花车的更多信息here：

因此例如。

div.saved_image { float:left; }

来源

2012-03-12 14:39:59 Marcus

只是使用这种样式的容器

.container { 
    display: block; 
    width: 100%; 
    overflow:hidden; 
    white-space: normal; 
}

来源

2017-11-08 18:10:36

溢出行div div与滚动不是新行

回答

相关问题