asp.net-mvc - 使用 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)

最终应该看起来像名字:_______

提前致谢。

Answer 1

你的 CSS 一定有问题，因为 <label>和<input>都是内联元素。它们出现在单独的行上的唯一原因是，如果您的 CSS 将它们视为 block 元素，或者它们无法容纳在同一行内容中。

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