使用Razor在ASP.NET MVC 4中防止@ Html.LabelFor之后的换行符

Question

这是我的代码.

@using (Html.BeginForm()) {
@Html.ValidationSummary()

<fieldset>
    <legend>Registration Form</legend>
    <ol>
        <li>
            @Html.LabelFor(m => m.FirstName)
            @Html.TextBoxFor(m => m.FirstName)
        </li>
    </ol>
 </fieldset>
}

从上面的代码中,标签和文本框位于不同的行上.我想把它们组合在同一条线上,这样我就能拥有像...

@Html.LablFor(m => m.FirstName): @Html.TextBoxFor(m => m.FirstName)

应该看起来像FirstName:_ __ _ __ _

提前致谢.

Answer 1

一定有什么错你的CSS,因为<label>和<input>都是内联元素.它们出现在单独行上的唯一原因是,如果您的CSS将它们视为块元素,或者它们不能适合同一行内容.

演示jsFiddle:http://jsfiddle.net/tSFtJ/

Answer 2

以下是我为此工作所做的工作(下面的代码片段).
查看模型

<!-- language: c# -->
[DataType(DataType.EmailAddress)]
[Display(Name = "LabelEmail", ResourceType = typeof(Resources.GeneralResource))]
public string EmailAddress { get; set; }

View.cshtml

<!-- language-all: lang-html -->
<div>
    @Html.LabelFor(m => m.EmailAddress, new { style="display:inline;"})
    @Html.DisplayFor(m => m.EmailAddress)
</div> 

重要的是: LabelFor(..)中的:
new {style ="display:inline;"}
.
奇迹般有效.