如何在中继器控件中垂直而不是水平地显示图像行

Question

我正在尝试使用asp.net中的中继器控件制作图像滑块。 我有一个带有图像中继器控件的div，但是我不知道如何使其垂直显示而不是水平显示。 谁能指出我正确的CSS样式？ 我试过在div上使用vertical-align属性。 这是指向javascript文件carosuelLite的链接

<script type="text/javascript" src="scripts/jquery-1.11.3.js"></script>
<script type="text/javascript" src="scripts/jquery.jcarousellite.js"> 
</script>
<div class="container">
     <div id="navicontainer">
         <ul>
             <asp:Repeater ID="RptSlider" runat="server">
                 <ItemTemplate>
                     <li><a href="#">
                         <asp:Image ID="imgSlide1" runat="server"   
                           ImageUrl='<%#Container.DataItem %>' Height="128" 
                           Width="128"/>
                     </li>
                 </ItemTemplate>
             </asp:Repeater>
         </ul>
     </div>
 </div>

这是CSS代码

#navicontainer{
vertical-align: text-top;
}

这是JavaScript

<script type="text/javascript">
    $(function () {
        $("#navcontainer").jCarouselLite({
            hoverPause: true,
            visible: 3,
            auto: 500,
            speed: 2500
            vertical:true;
         });
      });
</script>

更新：我正在阅读jcarouselLite文档，其中提到如果我使用vertical：true属性，它将使滑块垂直对齐。 然而，当我尝试它时。 仍然没有任何反应。 我将此放置在包装中，也许这限制了内容占位符能够显示的大小。

Answer 1

您可以选择使用asp:DataList控件而不是Repeater来垂直或水平对齐它。 它提供了RepeatDirection属性来执行相同的操作。

https://msdn.microsoft.com/zh-CN/library/9cx2f3ks(v=vs.85).aspx