将图像/图标放在asp:label之前

Question

 <div class="col-md-6">
                                <b>
                                    <asp:Label ID="Year" runat="server" Text='<%# Eval("Ad_Year") %>'></asp:Label><br />
                                </b>
                                <b>
                                    <asp:Label ID="Transmission" runat="server" Text='<%# Eval("Ad_Transmission") %>'></asp:Label><br />
                                </b>
                                <b>
                                    <asp:Label ID="FuelType" runat="server" Text='<%# Eval("Ad_FuelType") %>'></asp:Label><br />
                                </b>
                                <b>
                                    <asp:Label ID="Millage" runat="server" Text='<%# Eval("Ad_Millege") %>'></asp:Label><br />
                                </b>
                                <b>
                                    <asp:Label ID="DateCreated" runat="server" Text='<%# Eval("Ad_Created") %>'></asp:Label><br />
                                </b>
                                <b>
                                    <asp:Label ID="Price" runat="server" Text='<%# Eval("Ad_Price") %>'></asp:Label><br />
                                </b>
                            </div>

这是我的代码。我想添加年份，磨坊，燃料类型的图像/图标以及它们之前的所有内容。请告诉我该怎么做。这就是它的样子。我想在他们面前显示图标。

Answer 1

您可以尝试将标签包装在表格中，如以下示例所示(每个标签和图标有 1 行/tr(

<table>
    <tr>
        <td>
            <img url='SomeIcon.png' />
        </td>
        <td>
            <asp:Label runat="server" />
        </td>
    </tr>
    <tr>
        <td>
            <img url='SomeIcon2.png' />
        </td>
        <td>
            <asp:Label runat="server" />
        </td>
    </tr>
    ...
</table>

Answer 2

我建议你使用 Divs，因为它会更负责任：

   <div class="row">
    <div class="col-sm-6">
      <img width="200" heigth="200px" src="https://s-media-cache-ak0.pinimg.com/736x/e6/ae/55/e6ae554a65f4dd2f92b0f737001fea83.jpg" alt="">
    </div>
    <div class="col-sm-6">
      <div>
        <strong>Car</strong>
      </div>
      <div>
        <strong>Model</strong>
      </div>
      <div>
        <strong>Engine</strong>
      </div>
      <div>
        <strong>Tires</strong>
      </div>
      <div>
        <strong>Etc</strong>
      </div>
    </div>
  </div>