Question

如果我希望那些ProductName位于同一行中，该怎么办。我的意思是每个产品都没有换行。

通过这种方式，我可以在换行中为他们获取每个名字，但是我希望它们在同一行中。

<div class="col-md-12">

    @foreach (var item in Model)
    {
    <div class="col-md-1">
        @Html.ActionLink(item.ProductName, "PrName", "Products", new { Id = item.ProductId }, null)
    </div>
    }
</div>

Answer 1

删除for循环内的div标签。

  @foreach (var item in Model)
        {
            @Html.ActionLink(item.ProductName, "PrName", "Products", new { Id = item.ProductId }, null)
        }

这可以解决。

Answer 2

删除for循环中的div：

<div class="col-md-12">

    @foreach (var item in Model)
    {
        @Html.ActionLink(item.ProductName, "PrName", "Products", new { Id = item.ProductId }, null)
    }
</div>

Answer 3

我不确定，但是由于使用了div元素，这意味着您的元素将是块元素。代替div尝试使用span。希望有帮助。

如何在同一行中显示结果

3 个答案: