Question

如何修复datalist样式/格式化

我使用的是html，css，bootstrap，asp vb.net和datalist

我有一个数据列表，有3个列和2行。每个col都有图像，名称，价格。

问题是，对于长名称，名称可以是1行或2行或3行。因为它破坏了数据主义格式。任何想法如何解决这个问题？

下面是一个例子：

|-------|-------|-------|
| Image | Image | Image |
| Name  | Name  | Name  |
| Line1 | Line2 | 120   | 
|  120  | 120   }--------|
|-------|-------|   
                |-------| 
                | Image |
                | Name  |
                | Line3 |
                | 122   |
                |-------|
|-------|-------| 
| Image | Image | 
| Name  | Name  |
|  120  | 120   }
|-------|-------|

如果我的数据列表代码带有bootstrap

，请在下面

<asp:DataList ID="repeaterGrid" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" cssClass="row">
    <ItemTemplate>
        <div class="text-center col-lg-3 col-md-4 col-sm-6 col-xs-12">
            <div class="thumbnail">
                <asp:Image ID="Image1" runat="server" ImageUrl='<%# "~/" + Eval("Picture_Path").ToString().Trim() %>' style="width:245px;height:400px;"/>
                <h4 class="Text-Spacing"><%# Eval("Name")%></h4>
                <h5><strong>$<%# Eval("Price") %></strong></h5>
            </div>
        </div>
    </ItemTemplate>
</asp:DataList>

如何修复datalist风格/格式化

0 个答案: