javascript對齊在一條線上

我希望文本框和「應用」按鈕位於直線上。我究竟做錯了什麼？javascript對齊在一條線上

<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"/>

來源

2010-07-30 Ram

hightlight你的代碼，然後點擊小010101圖標，所以你得到的代碼格式:) – 2010-07-30 17:04:31

你的意思是，當它在瀏覽器呈現他們不在同一行？ – Josh 2010-07-30 17:05:34

你能展示呈現的HTML嗎？ – hunter 2010-07-30 17:06:36

除了未成年人問題與畸形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>

這應該呈現正是你想要的方式。所以...你能提供一些更多的上下文嗎？

來源

2010-07-30 17:21:47 Josh

嘿，我已經使用Imagealign =底部，它的工作..非常感謝這些傢伙！ – Ram 2010-07-30 18:18:43

它現在怎麼樣，一個在另一個之上？

嘗試添加NOWRAP屬性到表即<td align=left nowrap>

當心帖子斥責你使用表格佈局的目的的進洪！

來源

2010-07-30 17:06:07 Fosco

javascript對齊在一條線上

回答

相關問題