如何更改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>