Razor formating-MVC3

时间:2011-11-01 10:50:23

标签: asp.net-mvc

我使用它来显示Action控制器中标签的标签和值。

@Html.Label("Label to be Displayed:"):
  @Html.Action("MyAction", "MyController", new { id =Model.id })

但是,Label出现在一行上,而标签的值出现在另一行上。

如何在一行中显示标签和值;

喜欢这个

要显示的标签来自ActionController的值

谢谢。

5 个答案:

答案 0 :(得分:1)

简短回答,将此添加到您的CSS中。

label {
    float: left;
    width: 10em;
    margin-right: 1em;
}

答案很长:

http://designfestival.com/position-text-labels-on-forms-using-css/

尽量不要将表格用于布局。

答案 1 :(得分:0)

我的猜测是Html.Action导致某种类型的html被设置为display: block;,或者它是一个来自该操作的块元素。如果Action只返回文本,则不会导致任何问题。

答案 2 :(得分:0)

试试这个。您还可以使用div指定类

<table>
 <tr>
   <td>@Html.Label("Label to be Displayed:"):</td>
   <td>@Html.Action("MyAction", "MyController", new { id =Model.id })</td>
 </tr>
</table>

答案 3 :(得分:0)

尝试以下方法:

@Html.Label("Label to be Displayed:")
@Html.Action("MyAction", "MyController", new { id =Model.id },new {@style= "float:right"})

答案 4 :(得分:-1)

使用HTML表格。在MVC中您可以通过HTML轻松管理设计。请尝试以下代码。

<table>
 <tr>
   <td>@Html.Label("Label to be Displayed:"):</td>
   <td>@Html.Action("MyAction", "MyController", new { id =Model.id })</td>
 </tr>
</table>