Member 13606640 Ответов: 0

Как сделать сетку, которая повторяется горизонтально в соответствии с содержанием

Привет, дорогие !
я сделал страницу для отображения сервисов в виде сетки. я заполняю данные с помощью встроенного кодирования и сделал list <> для заполнения соответствующих баз данных. ниже приведен мой код для заполнения gridbox. проблема в том, что это отображается слева от страницы и в одном столбце .мое требование состоит в том, что он должен отображаться в виде трех столбцов в строке.или любой шаблон, который хорошо выглядит.
ваш ответ будет оценен по достоинству.

Что я уже пробовал:

%foreach (var product in product_list)
                                    {%>
                            <div class="blocks">
                                <div class="grid_3 alpha" style="left: 0px; top: 0px; width: 289px;">
                                    <img src="<%=product.img %>" alt="" class="img_inner">
                                    <div class="text1"><a href="OrderBook.aspx"><%=product.name%></a></div>
                                    <div class="center">
                                   <asp:Label runat="server" Text="Price" Font-Bold="True"></asp:Label> <%=product.price %>
                                    <br />
                                   <a href="_Services.aspx?pro_id=<%=product.id %>&action=add"  class="l1" onclick="book_click">BOOK NOW </a>
                                        <br />
                                        <asp:Label ID="Label1" runat="server"></asp:Label>
                                        <br />
                                        <asp:Button ID="Button1" runat="server" BackColor="Fuchsia" BorderColor="Black" BorderStyle="Inset" PostBackUrl="~/datalist.aspx" Text="Check Cart" OnClick="Button1_Click" />
                                    </div>
                                </div>

Maciej Los

Обратите внимание, что мы не можем видеть ваш экран, и мы не в состоянии читать в вашем уме. Вы должны предоставить более подробную информацию о данных, хранящихся в List<OfSomething>

Member 13606640

Список класса "продукты", который заключается в получении и установке значений идентификатора, названия,цены и url - адреса изображения продукта.
т.е.
продукты общественного класса
{
public string id { get; set; }
public string name { get; set; }
публичная строка price { get; set; }
публичная строка img { get; set; }
общественных товаров(идентификатор,имя, строка,строка цены,строка ИМГ)
{
это.идентификатор = идентификатор;
this.name = имя;
this.price = Цена;
это.ИМГ = img В;
}
}

Richard Deeming

Что-то вроде этого?
Постепенное улучшение CSS-макета: от поплавков до Flexbox и сетки[^]

Member 13606640

да, я хочу сделать минимум четыре колонки, но в моем случае это только одна.

0 Ответов