MVC View Display

Question

Я использую MVC c # с Razor 3

У меня есть следующее:

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

Я использую & 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

Вот руководство по использованию CSS для отображения формы. http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html

Answer 3

Таблицы стилей

Вы можете использовать сетку CSS, например Blueprint 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

Объедините переменные и установите для таблицы стилей этого ярлыка интервал между словами

ех. слово-интервал: 30px;

Вы можете добавить атрибут css следующим образом

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

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