小编sta*_*eap的帖子

我快疯了。我用搜索和谷歌，但无法提出解决方案，它不起作用:(

我在其他div中嵌套了一个div，用于自动垂直居中和背景。最初，它可以垂直容纳多张图像并动态调整其大小。我根据图片数量（宽度，填充）使用了几种CSS样式。

但是对于这个画廊来说，我需要很多图片，原始布局分为几行，但是我想要一个嵌套的“ white-space：nowrap”和overflow-x：auto; 在我的div中 因此，我可以滚动它们，但是“ white-space：nowrap”会炸毁整个内容，而会破坏所有display：table属性。

我想这应该发生吗？但是，接下来我需要一个解决方案或至少一种提示。

我还做了一个简化的提琴：http : //jsfiddle.net/x696B/9/ 如果删除了显示表属性，它将起作用并滚动。我的div需要这个。：D

这是我的nooby CSS（相关部分）

html
{
    height:100%;
}

body 
{
    height:98%;
    background-color: #FFF9E5;  
    padding: 0px;                               


  }    
.wrapper
{
        margin:auto;
        padding: 0px;
        z-index: 0;
        height:100%;
        width:100%;
        display:table;
    vertical-align:middle;
}

    .outer
    {
        z-index: 0;
        padding: 0px;
        display:table-cell;
        vertical-align:middle;
        background-color: #FFF9E5;
     }


div.container
{
        margin: 0           auto;
            display:table;
        z-index: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width:60%;
        background-color: #867F27;
        padding-right:1%;
            padding-left:1%;
            white-space: nowrap;
            overflow: auto;
    } 

     .view
     {
        width:100%;
        white-space: nowrap;
        overflow-x: …