如何在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>是块元素，因此该元素将在“新行”上呈现。

可以将窗体包装到所有控件的周围，也可以将窗体的显示更改为内联（或内嵌块）元素。