C# .NET Web 窗体 ListView 分成两半

Question

我有一个ListView，它只会显示左侧的所有项目，我怎样才能将其中的一半分开到右侧？下面是我想在我的 ListView 中显示的项目，我曾尝试使用 CSS 和 table 但仍然没有成功。

        <span style="color: #000000;">

            <asp:Image ID="ImagePathLabel" runat="server" ImageUrl='<%# Eval("ImagePath","~/Images/{0}") %>' /><br />
            <asp:Label ID="LabelLabel" runat="server" Text='<%# Eval("Label") %>' />
            <br />
                <td>Model:
                <asp:Label ID="NameLabel" runat="server" Text='<%# Eval("Name") %>' />
                <br />
                Price:RM
        <asp:Label ID="PriceLabel" runat="server" Text='<%# Eval("Price") %>' />
                <br />
                Stock Availability:
        <asp:Label ID="QuantityInStockLabel" runat="server" Text='<%# Eval("QuantityInStock") %>' />
                <br />

                Total Sold:
        <asp:Label ID="QuantitySoldLabel" runat="server" Text='<%# Eval("QuantitySold") %>' />
                <br />
                Category:
        <asp:Label ID="CategoryLabel" runat="server" Text='<%# Eval("Category.CName") %>' />
                <br />
                Status:
        <asp:Label ID="StatusLabel" runat="server" Text='<%# Eval("Status") %>' />
                <br />
                <asp:Button ID="addToCart" runat="server" CausesValidation="false" CommandName="AddToCart" CommandArgument='<%# Eval("Id")%>' Text="Add To Cart" CssClass="btn btn-default"></asp:Button>
                <br />
                <br />
        </span>

    </ItemTemplate>

Answer 1

你必须和css一起工作要将您的控件分成两部分，您只需将某些 classes 影响到您的 asp.net 控件。如果您正在使用 bootstrap，则很容易使用 bootstrap 网格系统（我看到您正在使用 bootstrap 中的 bootstrapes 作为按钮） http://getbootstrap.com/css/#grid-example-basic 这是对系统的解释否则你只需添加两个 div，例如将每个 div 的宽度设置为 50% 并影响其中一个向左浮动会没事的或使用宽度为 table 的 4 列，您可以将每一列影响到一列，并将标签的宽度设置为 20%，将值的宽度设置为 30%（boostrap 相同：使用 class md -2 用于标签，md4 用于值并为每行添加行）希望对您有所帮助

C# .NET Web 窗体 ListView 分成两半

C# .NET Web Form ListView separate into half

.net

c#

listview

webforms