如何在 ASP 中添加空格。 NET MVC 视图答案

【问题标题】：How to add white space in ASP. NET MVC view如何在 ASP 中添加空格。 NET MVC 视图
【发布时间】：2017-04-08 19:00:49
【问题描述】：

有没有办法在使用变量时在 MVC 中添加空格？例如foreach(item in collection) {@item @item}。如何在其中制作类似于“ ”的空白？

【问题讨论】：

标签： html asp.net asp.net-mvc asp.net-mvc-5

【解决方案1】：

你可以使用pre标签，它定义了preformatted文本。

foreach(item in collection) {
   <pre>@item @item</pre>
}

【讨论】：

【解决方案2】：

在我的应用程序中，我在链接名称（“详细信息”）之后使用了一个空格，如下所示

 @Html.ActionLink("Details ","Details", new { Variable_ID = item.VIP_ID})
                        @Html.ActionLink("Edit", "Edit",  new { Variable_ID = item.VIP_ID })

所以我的链接将如下所示：Details Edit，而不是 DetailsEdit。你也可以放一个像“详情|”这样的分隔栏，这样你就可以拥有详情 |编辑

【讨论】：

【解决方案3】：

你试过&nbsp;这可以重复，即&nbsp;&nbsp;你可以用<br />换行

【讨论】：

【解决方案4】：

<span> &nbsp; &nbsp; &nbsp;</span>

插入“&nbsp;”以添加更多空格

【讨论】：

【解决方案5】：

//This will work for sure, as MVC C# using razor syntax then you just need to put space between those two only  
foreach(var item in collection) {
    <span>@item @item</span>
}

【讨论】：

【解决方案6】：

如果您想在项目之间添加单个空格：

foreach(item in collection) 
 {
     <p>@item @item</p>
 }

但是如果你把它包装在一个像 div 或 span 这样的 HTML 元素中，你会有更好的灵活性，然后使用 CSS 为元素添加填充/边距。

foreach(item in collection) 
{
    <div class="user-defined-classname">@item</div>
    <div class="user-defined-classname">@item</div>
}

在 CSS 中

.user-defined-classname{
    padding-left|right|top|bottom: 10px
}

建议： “Views”文件夹专门用于仅包含您的视图文件（即 .cshtml 文件）。

尝试将您的 CSS 文件添加到 ASP.NET 项目根目录中的文件夹中。通常，此文件夹被命名为“内容”，但您可以将其重命名为“样式”或其他名称。然后您可以使用链接标签从视图中加载您的 CSS 文件：

<link href="~/Content/styles.css" rel="stylesheet" type="text/css" />

This may help.

【讨论】：

【解决方案7】：

另一种变体：

@(string.Format("{0} {1}", item, item))

【讨论】：