这是我的代码.
@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：_______
提前致谢.
解决方法
你的CSS肯定有问题因为< label>和<输入>都是内联元素.它们出现在单独行上的唯一原因是,如果您的CSS将它们视为块元素,或者它们不能适合同一行内容.
演示jsFiddle：http://jsfiddle.net/tSFtJ/
