加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

asp.net-mvc – 使用Razor在ASP.NET MVC 4中防止@ Html.LabelFor

发布时间:2020-12-15 22:36:09 所属栏目:asp.Net 来源:网络整理
导读:这是我的代码. @using (Html.BeginForm()) {@Html.ValidationSummary()fieldset legendRegistration Form/legend ol li @Html.LabelFor(m = m.FirstName) @Html.TextBoxFor(m = m.FirstName) /li /ol /fieldset} 从上面的代码中,标签和文本框位于不同的行上.
这是我的代码.
@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/

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读