Cshtml 버튼 정렬 위와 아래

Question

나는 3 개의 버튼을 팝업 형태로 가지고 있습니다. 두 번째 줄/행에서 맨 위에있는 첫 번째 단추와 다른 두 단추를 함께 정렬하려고합니다. 나는 아래의 메소드를 구현했고 맨 위 버튼이 위쪽이지만 내용을 감싸지 않고 맨 아래 메쉬에 두 개의 버튼을 함께 배치하지 못했습니다. 어떻게 단추를 조작 할 수 있습니까?

감사합니다 : 그들은처럼 보이게하는 방법

<div> 
<table> 
<tr><td colspan="2"><a href="#" id="acc_popup" data-role="button" data-rel="back" data-theme="c">Btn1</a></td></tr> 
<tr> 
<td><a href="#" id="acc_popup" data-role="button" data-rel="back" data-theme="c">Btn2</a></td> 
<td><a href="#" id="acc_popup" data-role="button" data-rel="back" data-theme="c">Btn3</a></td> 
</tr> 
</table> 
</div> 

:

이 내 HTML입니다.

Answer 1

여기에서 주된 문제는 #acc_popup CSS 선택기의 스타일을 동일한 페이지의 여러 요소에 적용하려고한다는 것입니다.

id 태그는 DOM 구조에서 고유해야하며 태그가 여러 번 나올 때 스타일이나 스크립트가 첫 번째 ID에만 적용됩니다.

클래스의 id를 바꿉니다. HTML에서

:

<td><a href="#" class="acc_popup" data-role="button" data-rel="back" data-theme="c">Btn</a></td> 

는 CSS에서 :

.acc_popup { 
    //styles go here 
} 

편집 : 이제

당신이 CSS로이 일을하지 않는 우리를 통보 한 때문이다. 이것은 당신이 원하는 것을해야합니다.

<td>의 첫 번째 버튼을 감싸고 해당 요소에 colspan=2을 추가하십시오. 뻔뻔스럽지 않은 경우 표 셀이 기본 1이 아닌 2 열로 확장됩니다.

<div> 
    <table> 
    <tr> 
     <td colspan="2"><a href="#" id="acc_popup" data-role="button" data-rel="back" data-theme="c">Btn1</a></td> 
    </tr> 
    <tr> 
     <td><a href="#" id="acc_popup" data-role="button" data-rel="back" data-theme="c">Btn2</a></td> 
     <td><a href="#" id="acc_popup" data-role="button" data-rel="back" data-theme="c">Btn3</a></td> 
    </tr> 
    </table> 
</div>