asp.net 数据列表没有水平对齐

问题描述

你好，我遇到了一个问题，这让我很伤心:( 我有一个数据列表，它显示数据库中的产品列表。 当我设置重复布局流程时，项目显示正确，但一次显示 1 个，即使我设置水平对齐，每个项目也垂直对齐。 如果我将布局设置为表格并与水平对齐，它会以错误的方式显示产品，请查看图片以了解更多信息。

这是代码：

 <form id="form1" runat="server">
    <div class="container">
        <div class="container products-grid-container" style="margin-top: 100px;">
            <div class="row">
                <asp:DataList ID="DataList1" runat="server" DataKeyField="product_id" DataSourceID="sdsProducts" RepeatColumns="4" RepeatDirection="Horizontal" Onitemcommand="DataList1_itemcommand">
                    <ItemTemplate>
                        <div class="col-md-3 col-sm-6">
                            <div class="product-grid7">
                                <div class="product-image7">
                                    <a href="#">
                                        <asp:Image ID="Image1" class="pic-1" runat="server" ImageUrl='<%# Eval("product_image") %>' />
                                    </a>
                                    <ul class="social">
                                        <li>
                                            <asp:LinkButton ID="btnViewDetails" runat="server" class="fa fa-search" CommandArgument='<%# Eval("product_id")%>' CommandName="viewDetails"></asp:LinkButton>

                                        </li>
                                        <li>
                                            <asp:LinkButton ID="btnAddToWishlist" class="fa fa-heart" runat="server"></asp:LinkButton>

                                        </li>
                                        <li>
                                            <asp:LinkButton ID="btnAddToCart" class="fa fa-shopping-cart" runat="server" CommandArgument='<%# Eval("product_id")%>' CommandName="addToCart"></asp:LinkButton>

                                        </li>
                                    </ul>
                                    <span class="product-new-label">جديد</span>
                                </div>
                                <div class="product-content">
                                    <h3 class="title"><a href="#"><%# Eval("product_name") %></a></h3>
                                    <ul class="rating">
                                        <li class="fa fa-star"></li>
                                        <li class="fa fa-star"></li>
                                        <li class="fa fa-star"></li>
                                        <li class="fa fa-star"></li>
                                    </ul>
                                    <div class="price">
                                        <asp:Label ID="lblPrice" runat="server" Text='<%# Eval("product_price","{0:C}") %>'></asp:Label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </ItemTemplate>
                </asp:DataList>
                <asp:sqlDataSource ID="sdsProducts" runat="server" ConnectionString="<%$ ConnectionStrings:PfdbCS %>" SelectCommand="SELECT * FROM [tbl_products]"></asp:sqlDataSource>
            </div>
        </div>
    </div>
</form>

项目模板是在 CSS 文件中自定义的，我试图在那里修复它，但没有什么新东西。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）