如何更改HTML元素的位置，在表

Question

我有這樣的HTML代碼：

<table style="cursor: pointer; width: 100%"> 
     <asp:Repeater ID="PervousResultsList" runat="server" EnableViewState="False"> 
      <ItemTemplate> 
       <tr> 
        <td rowspan="3"> 
         <asp:Image ID="Image1" ImageUrl="~/Images/pushpinred.png" runat="server" Width="32" Height="32" /> 
        </td> 
        <tr> 
         <td>X:</td> 
         <td> 
          <%# Eval("Lon") %> 
         </td> 
        </tr> 
        <tr> 
         <td>Y:</td> 
         <td> 
          <%# Eval("Lat") %> 
         </td> 
        </tr> 
        <td> 
         <input type="button" id="ddd" value="B" style="height: 30px;" /> 
        </td> 
       </tr> 
      </ItemTemplate> 
     </asp:Repeater> 
    </table> 

這怎麼看起來鑑於：

我需要改變的觀點，並我想它看起來就像是：

我需要拿起上面一行中的Button元素，並在上面的屏幕上看到它時向左移動。

Answer 1

你可以試試這個：

<tr> 
    <td rowspan="2"> 
     <asp:Image ID="Image1" ImageUrl="~/Images/pushpinred.png" runat="server" Width="32" Height="32" /> 
    </td> 
    <td>X:</td> 
    <td> 
     <%# Eval("Lon") %> 
    </td> 
    <td rowspan="2"> 
     <input type="button" id="ddd" value="B" style="height: 30px;" /> 
    </td> 
</tr> 
<tr> 
    <td>Y:</td> 
    <td> 
     <%# Eval("Lat") %> 
    </td> 
</tr> 

如果你想項目之間的空行，你可以定義一個SeparatorTemplate有：

<tr> 
    <td colspan="4">&nbsp;</td> 
</tr>