Question

我是asp.net中RAZOR语法+ mvc的新手。我是webforms的老手，并且已经做了很多工作，但现在我不知道如何将CSS应用到我的DIV容器中。在我以前做过的网络表格中：

div
{
  width: 200px
  background-color: blue;
}

现在如何在剃刀视图中执行此操作？

我的代码：

  @{
    ViewBag.Title = "Home Page";
}

    @using (Html.BeginForm("register","Home", FormMethod.Post, new {id="submitForm"})) 
    {

       <div style="Width:200px">
        <i>@Html.Label("Name:")</i>
           @Html.TextBox("txtboxName")
       </div>
       <br />
       <div style="Width:200px">
        <i>@Html.Label("Email:")</i>
           @Html.TextBox("txtboxEmail")
       </div>
       <br />
       <div style="Width:200px">  
        <i>@Html.Label("Password:")</i>
           @Html.Password("txtboxPassword")
       </div>
       <br />
       <div>  
        <button type="submit" id="btnSubmit" name="Command" value="Submit">Submit</button> 
       </div>


    }

Answer 1

razor只是MS MVC框架的服务器端语言，最终会被解析为HTML。你的这种语法完全有效

<div style="Width:200px">
        <i>@Html.Label("Name:")</i>
           @Html.TextBox("txtboxName")
</div>

现在，如果你想将css类或规则应用于@Html.Label或任何其他MVC帮助器（是的，它们被称为Helper方法），请在函数中查找参数HtmlAttributes，你可以做

之类的东西

    @Html.Label("Name:", new {@class="classname"})

或者喜欢：

    @Html.Label("Name:", new {style="width:200px;"})

所以基本上，在MVC的几乎所有助手中，你都可以通过HtmlAttributes（和RouteValues），有时它们会通过另一种转换方法公开。

将css应用于razor和mvc中的div

1 个答案: