Asp.net mvc 如何在MVC视图的同一行中显示@Html htmlhelper和@using?
我试图在同一行中显示所有这三个助手Asp.net mvc 如何在MVC视图的同一行中显示@Html htmlhelper和@using?,asp.net-mvc,html-helper,Asp.net Mvc,Html Helper,我试图在同一行中显示所有这三个助手 点击按钮时,弹出窗口也不会出现,要求确认 但按钮显示在我使用@using创建的下一行中: <td> @Html.ActionLink("Edit", "Edit", new { id = item.EmployeeId }) | @Html.ActionLink("Details", "Details", new { id = item.EmployeeId }) | @using (Html.BeginForm("Dele
<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>
@ActionLink(“编辑”,“编辑”,新的{id=item.EmployeeId})|
@ActionLink(“详细信息”,“详细信息”,新的{id=item.EmployeeId})|
@使用(Html.BeginForm(“Delete”,“BusinessLayer”,new{id=item.EmployeeId}))
{
}
有什么方法可以在同一行中显示它。正确地指出,这是一个与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>
@ActionLink(“编辑”,“编辑”,新的{id=item.EmployeeId,@style=“width:33.33%”)
@ActionLink(“Details”,“Details”,new{id=item.EmployeeId,@style=“width:33.33%”)
@使用(Html.BeginForm(“Delete”,“BusinessLayer”,new{id=item.EmployeeId,@style=“width:33.33%”))
{
}
但是我强烈建议使用CSS而不是内联样式。按钮显示在下一行,因为它周围有
@using(Html.BeginForm)
。由于
是块元素,因此该元素将在“新行”上呈现
将窗体环绕所有控件,或将窗体的显示更改为内联(或内联块)元素。它与CSS相关,而不是ASP.NET MVCI能够使用html编写它,就像使用表格或水平列表一样,但如何使用CSS?
确认不符合要在同一行中显示按钮,您需要将表单标记的CSS设置为具有显示:内联
属性。或者将表单帮助器移动到
的开头(并将ActionLink放入其中)