Question

我希望文本框和“应用”按钮位于直线上。我做错了什么？

<tr align = "center" valign ="bottom"> 
  <td align="left" style="padding-top: 15px; height: 30px;">
      Promo Code</br><asp:TextBox ID="txtCouponCode" runat="server" MaxLength="10" TabIndex="5" Width="130px" />
 <asp:ImageButton ID="ImageButton1" ImageUrl="../images/apply-blue.gif" runat="server" 
   OnClick="imgApply_Click" ValidationGroup="0"/>

Answer 1

它现在如何出现，一个在另一个之上？

尝试将NOWRAP属性添加到您的表格中，即<td align=left nowrap>

请注意即将发布的大量帖子，要求您使用表格进行布局！

Answer 2

除了格式错误的BREAK代码的小问题：

</br>应为<br />

...并假设您实际上是在关闭表行和表数据标记。然后你的片段：

<tr align = "center" valign ="bottom"> 
  <td align="left" style="padding-top: 15px; height: 30px;">
      Promo Code<br /><asp:TextBox ID="txtCouponCode" runat="server" MaxLength="10" TabIndex="5" Width="130px" />
 <asp:ImageButton ID="ImageButton1" ImageUrl="../images/apply-blue.gif" runat="server" 
   OnClick="imgApply_Click" ValidationGroup="0"/>
  </td>
</tr>

应该大致产生以下HTML：

<tr align="center" valign="bottom"> 
    <td align="left" style="padding-top: 15px; height: 30px;"> 
        Promo Code<br /><input name="txtCouponCode" type="text" maxlength="10" id="txtCouponCode" tabindex="5" style="width:130px;" /> 
        <input type="image" name="ImageButton1" id="ImageButton1" src="../images/apply-blue.gif" /> 
    </td> 
</tr>

哪个应该按照您想要的方式呈现。那么......你能提供更多的背景吗？

javascript在单行上对齐

2 个答案: