@Html htmlhelperと@usingをMVCビューの同じ行に表示するにはどうすればいいですか？

Question

1. 私はこれらの3つのヘルパーをすべて同じ行に表示しようとしています。

2. ポップアップは、ボタンクリック時に立体構造を求めても表示されません。

しかし、ボタンが、私は@usingを使用して作成しています次の行に表示されます。

<td> 
    @Html.ActionLink("Edit", "Edit", new { id = item.EmployeeId }) | 
    @Html.ActionLink("Details", "Details", new { id = item.EmployeeId }) | 
    @using (Html.BeginForm("Delete", "BusinessLayer", new { id = item.EmployeeId })) 
    { 
     <input type="submit" value="Delete" onclick="return conform('Are you sure you want to delete record with EmployeeId = @item.EmployeeId')" /> 
    } 
</td> 

は、私が同じ行に表示することができますどのような方法があります。

Answer 1

これはCSSに関する質問です。私はここでインラインスタイルを使用しています。

<td style="width:100%;"> 
    @Html.ActionLink("Edit", "Edit", new { id = item.EmployeeId,@style="width:33.33%" }) 
    @Html.ActionLink("Details", "Details", new { id = item.EmployeeId,@style="width:33.33%"}) 
    @using (Html.BeginForm("Delete", "BusinessLayer", new { id = item.EmployeeId,@style="width:33.33%"})) 
    { 
     <input type="submit" value="Delete" onclick="return conform('Are you sure you want to delete record with EmployeeId = @item.EmployeeId')" /> 
    } 
</td> 

ただし、インラインスタイルの代わりにCSSを使用することを強くおすすめします。

Answer 2

ボタンは、@using (Html.BeginForm)が巻きついて次の行に表示されます。 <form>はブロック要素なので、要素は「新しい行」にレンダリングされます。

いずれすべてのコントロールの周りに形を包む、またはインライン（またはインラインブロック）要素であると、フォームの表示を変更します。