如何在MVC視圖中以同一行顯示@Html htmlhelper和@using？

Question

1. 我想在同一行顯示所有這三個助手。

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有關。由於整個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>是塊元素，因此該元素將在「新行」上呈現。

可以將窗體包裝到所有控件的周圍，也可以將窗體的顯示更改爲內聯（或內嵌塊）元素。