.aspx页面中的Html对齐方式

时间:2010-09-22 16:07:42

标签: html

嗨,我不善于Html调整。你能帮我么。我想在两个按钮之间留出一些空间(添加,取消按钮)。(请看图像)我试过修复它但没有运气。请帮我。查看图片链接(http://i.stack.imgur.com/7M9sE.jpg

<table style="background-color: #F5F5E9" cellspacing="2">
<tr>
    <td align="left" style="width: 70px;">
        Note Type
    </td>
    <td align="left" style="width: 82px; height: 24px;">
        <telerik:RadComboBox ID="RadComboBox1" EmptyMessage="Please select" runat="server"
            MarkFirstMatch="True" CollapseDelay="0" Width="115px" DropDownWidth="100px" AllowCustomText="True">
            <CollapseAnimation Duration="0" />
        </telerik:RadComboBox>
        <asp:RequiredFieldValidator InitialValue="" ValidationGroup="Notes" ID="RequiredFieldValidator1"
            runat="server" ControlToValidate="ddlNoteType" ClientValidationFunction="ddlNt"
            Display="None" ErrorMessage="Please select Note Type."></asp:RequiredFieldValidator>
        <cc2:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" TargetControlID="custValCou"
            runat="server" Enabled="True">
        </cc2:ValidatorCalloutExtender>
    </td>
    <td>
    </td>
</tr>
<tr>
    <td align="left" valign="middle" style="width: 70px;">
        Notes
    </td>
    <td align="left">
        <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Rows="3" Width="570px"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ValidationGroup="Notes"
            ControlToValidate="txtNoteDesc" Display="None" runat="server" ErrorMessage="Please enter Notes."></asp:RequiredFieldValidator>
        <cc2:ValidatorCalloutExtender ID="ValidatorCalloutExtender2" TargetControlID="valCliID"
            runat="server">
        </cc2:ValidatorCalloutExtender>
        &nbsp;&nbsp;
    </td>
    <td>
        <span style="padding-bottom: 4px;">
            <asp:Button ID="Button1" Width="60px" OnClick="btnAddNote_Click" ValidationGroup="Notes"
                runat="server" Text="Add" /></span>
        <asp:Button ID="Button2" Width="60px" runat="server" OnClientClick="return  hideAddNotes()"
            Text="Cancel" />
    </td>
</tr>

2 个答案:

答案 0 :(得分:1)

而不是:

<span style="padding-bottom: 4px;">

使用:

<div style="padding-bottom: 4px;">

答案 1 :(得分:0)

您还可以在按钮之间添加中断标记:

<asp:Button ID="Button1" Width="60px" OnClick="btnAddNote_Click"
   ValidationGroup="Notes" runat="server" Text="Add" /></span>
<br />
<asp:Button ID="Button2" Width="60px" runat="server"
   OnClientClick="return hideAddNotes()" Text="Cancel" />