-1

我正在尝试在 x 轴而不是 y 轴上制作内容类型 (application_formulier) 滚动标签的预告片视图。我为此做了一个视图（view-view-s4p）。

使用 CSS 我得到以下信息：

.view-view-s4p{
margin-left:-50px;
max-width:920px;
min-width:920px;
height:260px;
overflow:auto;
overflow-y:hidden;
}
.view-view-s4p .view-content {
margin:0 -32767px 0 0;/* browser limit */
height:240px;
}
.view-view-s4p .view-row{
float:left;
}

我现在可以滚动滚动，但它已经超越了上一篇文章......关于如何解决这个问题的任何想法。

转到此链接以查看我的问题的图像： https ://www.dropbox.com/s/7sse3shk08ex9g6/problem.PNG

（顺便说一句：如果我不允许像这样改变我的问题，请告诉我。）

4

2 回答 2

0

这是一个如何做到这一点的示例：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
.wrap {
    overflow:auto;
    width:600px;
    height:220px;
    padding:10px;
}
.inner {
    float:left;
    margin:0 -32767px 0 0;/* browser limit */
}
.inner div {
    width:200px;
    height:200px;
    margin:0 10px;
    background:red;
    float:left;
}
</style>
</head>
<body>
<div class="wrap">
        <div class="inner">
                <div>test</div>
                <div>test</div>
                <div>test</div>
                <div>test</div>
                <div>test</div>
                <div>test</div>
        </div>
</div>
</body>
</html>

资源

于 2013-05-16T14:38:04.503 回答
0

white-space:nowrap;您需要将属性添加到样式表中：

.view-view-s4p{
  margin-left:-50px;
  width:auto;
  min-width:960px;
  max-height:253px;
  overflow-y:hidden;
  overflow-x:scroll;
  white-space:nowrap;
}

演示

于 2013-05-16T14:22:20.773 回答