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

时间:2017-04-08 19:00:49

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

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

7 个答案:

答案 0 :(得分:1)

您可以使用pre标记来定义preformatted文字。

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

答案 1 :(得分:1)

另一个变体:

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

答案 2 :(得分:1)

在我的应用程序中,我在链接名称(“ Details”)之后使用了一个空格,如下所示

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

所以我的链接将如下所示:Details Edit,而不是DetailsEdit。 您还可以像这样的“ Details |”放置分隔条,这样就可以 详情|编辑

答案 3 :(得分:0)

您是否尝试过&nbsp;这可以重复,&nbsp;&nbsp;您可以使用<br />进行换行

答案 4 :(得分:0)

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

插入&#34; &nbsp;&#34;添加更多空格

答案 5 :(得分:0)

//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 :(得分:0)

如果您希望在项目之间添加单个空格:

error: look-behind requires fixed-width pattern

但是,如果将其包装在div或span之类的HTML元素中,则会具有更好的灵活性, 然后使用CSS将填充/边距添加到元素。

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

在CSS

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

建议: “视图”文件夹专门用于仅包含视图文件(即.cshtml文件)。

尝试将CS​​S文件添加到ASP.NET项目根目录中的文件夹中。通常,此文件夹的名称为“ Content”,但您可以将其重命名为“ Styles”或其他名称。然后,您可以使用链接标记从视图内加载CSS文件:

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

This may help.