如何编辑自定义DisplayWithIdFor？

Question

我使用以下代码创建了一个DisplayWithIdFor，它可以显示我希望的信息。

public static class DisplayWithIDHelper
{
    public static MvcHtmlString DisplayWithIdForApplication<TModel, TValue>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TValue>> expression, string wrapperTag = "div")
    {
        var id = helper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldId(ExpressionHelper.GetExpressionText(expression));
        return MvcHtmlString.Create(string.Format("<{0} style=\"color: #003F51; margin-left: 87px;\" class=\"{1}\">{2}</{0}>", wrapperTag, id, helper.DisplayFor(expression)));
    }
}

我的问题很简单，当我使用自定义帮助程序时，我最终得到了标签Application，并且显示屏上显示的应用程序名称显示没有空格。见下文。

最后这里是上图的代码：

<form>
    <fieldset>
        <p>
            @Html.LabelFor(model => model.changeStatus.usersName)
            @Html.DisplayFor(model => model.changeStatus.usersName)
            @Html.HiddenFor(model => model.changeStatus.usersName)
            @Html.ValidationMessageFor(model => model.changeStatus.usersName)
        </p>
        <p style="display: inline; float: left">
            @Html.LabelFor(model => model.changeStatus.application)
            @Html.DisplayWithIdForApplication(model => model.changeStatus.application)
            @Html.HiddenFor(model => model.changeStatus.application)
            @Html.ValidationMessageFor(model => model.changeStatus.application)
        </p>
        <p>
            @Html.LabelFor(model => model.changeStatus.reasons)
            @Html.TextAreaFor(model => model.changeStatus.reasons, new { @cols = "80", @rows = "4", @class = "k-textbox" })
            <span style="color: red;"> @Html.ValidationMessageFor(model => model.changeStatus.reasons)</span>
        </p>

        <!-- Allow form submission with keyboard without duplicating the dialog button -->
        <input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
    </fieldset>
</form>

任何人都可以解释如何在两个Html助手之间添加间距吗？

可以像Jquery弹出代码一样提供任何其他代码。

谢谢。

修改

为了让事情更清楚一点，我必须从所选的kendo网格的行中获取应用程序名称，并使用以下代码在jquery中设置名称：

$("div[class='changeStatus_application']").html(applicationName);

Answer 1

为了简化并确保一切行为相同，请删除：

style="display: inline; float: left"

从第二个段落标记

并在你的助手中使用像span这样的元素而不是div（块级元素）。

然后，您可能想要更改DisplayWithIDHelper上剩余的边距。

还尝试使用类而不是样式属性。然后，您可以通过样式表更改站点的外观，而无需重新编译加上样式集中;更容易维护。