面板栏文本间距

时间:2013-12-02 19:24:10

标签: asp.net-mvc asp.net-mvc-4 razor kendo-ui

在我添加到PanelBar的每个字段后,下面的代码段没有按预期添加间距。我正在使用MVC 4 .net 4.5 Razor View Engine。

显示类似这样的内容

MyTitleNumber:1By:John Doe

我想要

MyTitle   Number: 1   By:  John Doe

   MyTitle

   Number: 1   By John Doe

如何添加正确的间距?

编辑:if位于Razor View

if (MyItem.Item != null)
{
branch.Add().Text(MyItem.Title + "    Number:" + MyItem.Number + "    By:" + MyItem.Name);
}

2 个答案:

答案 0 :(得分:1)

您可以使用

branch.Add().Text(htmlString).Encoded(false);

并在&nbsp;中使用<span>或固定宽度htmlString来创建空白。 另请参阅http://docs.kendoui.com/api/web/panelbar#methods-append

答案 1 :(得分:0)

尝试以下内容:

@Html.Raw(
    branch.Add()
        .Encoded(false)
        .Text(Myitem.Title + "<span>&nbsp;&nbsp;</span>" + "Number:" + Myitem.Number +
                              "<span>&nbsp;&nbsp;</span>" + "By:" + Myitem.Name))