Question

我正在尝试为“ 2列”类型的容器传递水平滚动，对于1列，我可以轻松地使用flex：

.slider-wr{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.item{
    flex: 0 0 auto;
}

但是，这对于我的意图不起作用，您可以在此处查看我当前在各列中拥有的内容： http://jsfiddle.net/0wm2cnao/3/

Answer 1

您可以使用其他附加的div元素。像这样：

=CStr(Format(CDate(Parameters!EffectiveDate.Value),"yyyy"))

Answer 2

您也可以尝试将其包装在另一个div中：

<div class="slider-wr-outer">

<div class="slider-wr">
 <div class="item">

 </div>
  <div class="item">

 </div>
  <div class="item">

 </div>
  <div class="item">

 </div>
</div>
</div>

然后限制slide-wr宽度：

.slider-wr{
  min-width: 550px;
}

并使外部div滚动：

.slider-wr-outer{
  width: 100%;
  overflow-x: scroll;
}

具有2个项目列的CSS水平滚动

2 个答案: