어떻게

Question

가 어떻게 다음과 같이 버튼이 오른쪽에있는 버튼으로 정렬하기 위해 이동 않는 이전 버튼에 따라 테이블에서 버튼을 정렬 할

<table> 
 
    <tr> 
 
    <td> 
 
     <h4> Search: </h4> 
 
    </td> 
 
    <td> 
 
     <input type="text" /> 
 
    </td> 
 
    <td> 
 
     <button type="submit" name="abc" form="submitForm" value="Button">Button</button> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td class="customView"> 
 
     <button type="submit" name="def" form="submitForm" value="Button">Button</button> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

<table> 
    <tr> 
    <td> 
     <h4> Search: </h4> 
    </td> 
    <td> 
     <input type="text" /> 
    </td> 
    <td> 
     <button type="submit" name="abc" form="submitForm" value="Button">Button</button> 
    </td> 
    </tr> 
    <tr> 
    <td colspan="2"></td> 
    <td class="customView"> 
     <button type="submit" name="def" form="submitForm" value="Button">Button</button> 
    </td> 
    </tr> 
</table> 

Answer 2

대전 제와 2 행째 td S의 번호 - dd 2 빈 td s 두 번째 행에.

데모 아래를 참조

<table> 
 
    <tr> 
 
    <td> 
 
     <h4> Search: </h4> 
 
    </td> 
 
    <td> 
 
     <input type="text" /> 
 
    </td> 
 
    <td> 
 
     <button type="submit" name="abc" form="submitForm" value="Button">Button</button> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td class="customView"> 
 
     <button type="submit" name="def" form="submitForm" value="Button">Button</button> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 3

이 <td> 태그 그것의 작업 벌금 colspan="3", align="right"을 추가, 나는 아래의 코드 조각을 추가하고있다.

<table> 
 
      <tr> 
 
      <td><h4> Search: </h4></td> 
 
      <td><input type="text"/> </td> 
 
      <td><button type="submit" name="abc" form="submitForm" value="Button">Button</button></td> 
 
      </tr> 
 
      <tr > 
 
      <td class="customView" colspan="3" align="right"><button type="submit" name="def" form="submitForm" value="Button">Button</button></td> 
 
      </tr> 
 
    </table>