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>이 블록 요소이기 때문에 요소는 '새 줄'에 렌더링됩니다.

모든 컨트롤 주위에 서식을 감싸거나 폼의 표시를 인라인 (또는 인라인 블록) 요소로 변경하십시오.