我快要疯了.我使用搜索和谷歌,但无法想出一个解决方案,它将无法正常工作:(
我有一个div嵌套在其他div中自动垂直居中和背景.
最初它垂直适合几个图像并动态调整大小.
我根据图片的数量(宽度,填充)使用几种CSS样式.
但对于这个画廊我需要很多图片,原始布局分成几行,但我想要一个嵌套的“white-space:nowrap”with overflow-x:auto;在我的div.
所以我可以滚动它们,但是“white-space:nowrap”会破坏所有显示内容:表格属性.
我想这会发生吗?但后来我需要一个更有效的解决方案或至少一种暗示.
我也做了一个简化的小提琴:
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: auto;
margin: 0 auto;
text-align: left;
}
如果我将display:table和display:table-cell标记为注释,则库看起来很好并且滚动但不会居中. (得到其他带徽标的div等)
这是我的HTML
my page@import url("style.css");
![logo.png](logo.png)
哦,原谅我这个愚蠢的问题,到目前为止这个论坛是一个很大的帮助,但现在我输了.
提前致谢.