MVC剃须刀如何对齐文本框的？
MVC剃须刀如何对齐文本框的？
提问于 2014-03-20 01:51:06
我正在使用MVC 4和剃须刀，并在视图中放置了标签和文本框。所有的文本框都是对着标签的，我如何将它们移出一个标签空间，并保持它们对齐？
剃须刀：
@Html.LabelFor(m => m.Date)
@Html.TextBoxFor(m => m.Date)
<br/>
@Html.LabelFor(m => m.QuoteNumber)
@Html.TextBoxFor(m => m.QuoteNumber)
<br/>
@Html.LabelFor(m => m.ClaimNumber)
@Html.TextBoxFor(m => m.ClaimNumber)
<br/>
@Html.LabelFor(m => m.MotorBodyRepairer)
@Html.TextBoxFor(m => m.MotorBodyRepairer)
<br/>目前的情况如下：
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-03-20 02:02:40
模型
添加显示属性：
[Display(Name="Date")]
public DateTime Date { get; set; }
[Display(Name="Quote Number")]
public string QuoteNumber { get; set; }
[Display(Name="Claim Number")]
public string ClaimNumber { get; set; }
[Display(Name="Motor Body Repairer")]
public string MotorBodyRepairer { get; set; }视图
使用编辑器作为模板
@Html.EditorFor(m => m)CSS
将其添加到样式表中，将值更改为套件。
.editor-label > label
{
float: left;
width: 150px;
}屏幕抓取
更新
代之以：
<div style="float: left; width: 50%;">
@Html.EditorFor(m => m.Date)
<br/>
@Html.EditorFor(m => m.QuoteNumber)
<br/>
@Html.EditorFor(m => m.ClaimNumber)
<br/>
@Html.EditorFor(m => m.MotorBodyRepairer)
<br/>
</div>在这方面：
<div style="float: left; width: 50%;">
@Html.EditorFor(m => m)
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22529085
复制相关文章
相似问题
return函数是用来做什么的？
serialize到底是做什么的？
这段PHP代码是用来做什么的？
在php中{}是用来做什么的？
函数的指针是用来做什么的？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
