MVCビュー表示

Question

。これを行うもっときれいな方法は何ですか？ 幅のあるSPANで試しましたが、成功しませんでした。

Answer 1

ご利用いただけます

<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> 

ここで

OR ...

<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 2

は、変数を組み合わせ、

元間隔単語を使用するためにそのラベルのスタイルシートを設定します。ワードスペース：30px;

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

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

Answer 3

スタイルシート

を次のようにあなたは青写真のCSSのようなCSSグリッドフレームワークを使用するか、右のラベルにマージンを追加することができ、CSS属性を追加することができます

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

Answer 4

は、フォームを表示するには、CSSを使用してのチュートリアルです。あなたが発見していない場合はhttp://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html

Answer 5

今では答えは私が唯一のプロトタイピングのために、このスタイルを使用して、このかみそりナゲットインラインスタイル

を示唆してみましょうが、それは素晴らしい作品。

@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 })