Question

我正在使用带有Razor 3的MVC c＃

我有以下内容：

    <div> 

    </div>@Html.Label("First") &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp @Html.Label("Mi") &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp @Html.Label("Last") 



    </div>

我正在使用＆amp; nbsp来标记我的标签。这样做有什么更干净的方法。我尝试使用SPAN宽度，但没有成功。

Answer 1

如果你现在还没有找到答案，请让我建议这个剃刀块内联样式

我只使用这种风格进行原型设计，但效果很好。

@Html.Label("State: ", null, new { style = " margin-left:10px; width: 35px; text-align: right; display: inline-block; font-size: 12px; " }) 
@Html.TextBox("state", @Model.BUSINESS_STATE, new { style = "width:20px;", maxlength = 2 })
@Html.Label("County: ", null, new { style = " margin-left:10px; width: 45px; text-align: right; display: inline-block; font-size: 12px; " }) 
@Html.TextBox("county", @Model.BUSINESS_CNTY, new { style = "width:20px;", maxlength = 2 })

Answer 2

组合变量并将该标签的样式表设置为使用单词间距

离。字间距：30像素;

您可以按如下方式添加css属性

@Html.Label("CompleteName", new {@class='WordSpacer'})

<style>
.WordSpacer {
    word-spacing:30px;
}
</style>

Answer 3

样式表

您可以使用蓝图css等css网格框架，也可以在标签上添加边距：

<label style="margin-right: 50px">First</label><label>Last</label>

Answer 4

你可以使用

 <table>
 <tr>
 <td width="33%">
@Html.Label("First")
</td>
 <td width="33%">
@Html.Label("Mi")
</td>
<td width="33%">
@Html.Label("Last") 
</td>
</tr>
</table>

或......

<div style="width:300px;float:left;">
@Html.Label("First")
</div>
<div style="width:300px;float:left;">
@Html.Label("Mi")
</div>
<div style="width:300px;float:left;">
@Html.Label("Last") 
</div>

Answer 5

以下是使用CSS显示表单的教程。 http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html

MVC视图显示

5 个答案: