Question

我正面临着一个古怪的问题。 asp：Buttons正在创建div标签并且垂直对齐但不是水平对齐。我希望它们水平对齐或以css方式“内联”。任何人都可以建议解决这个问题。或者你能告诉我我需要做些什么让事情发挥作用。除了这三个按钮之外，所有其他asp按钮都在页面中对齐。对齐问题在IE 7-9中。在Chrome和Firefox中看起来很不错

这是asp中的标记：

<td class="FieldsetButtons" align="right">
                <asp:Button id="y" runat="server" Width="100px"  Text="Apply"
                    Enabled="False" onclick="y_Click" ValidationGroup="mail" 
                    meta:resourcekey="yResource1"></asp:Button>
                <asp:Button id="p" runat="server" Width="100px"  Text="Verify" 
                    ENABLED="False" onclick="p_Click"  ValidationGroup="mail" 
                    meta:resourcekey="pResource1"></asp:Button>
                <asp:Button id="l" runat="server" Width="100px"  Text="Reset" 
                    CausesValidation="false" onclick="l_Click" 
                    meta:resourcekey="lResource1"></asp:Button>

    </td>

这是在HTML中创建的标记：

<div id="ctl00_ctl00_ContentPlaceHolder1_lServer1_yPanel">
        <input type="submit" name="ctl00$ContentPlaceHolder1$lServer1$y" value="@Apply@" id="ctl00_ContentPlaceHolder1_lServer1_y" disabled="disabled" style="width:100px;" />
    </div>
                <div id="ctl00_ctl00_ContentPlaceHolder1_lServer1_pPanel">
        <input type="submit" name="ctl00$ContentPlaceHolder1$lServer1$p" value="@Verify@" id="ctl00_ContentPlaceHolder1_lServer1_p" disabled="disabled" style="width:100px;" />
    </div>
                <div id="ctl00_ctl00_ContentPlaceHolder1_lServer1_lPanel">
        <input type="submit" name="ctl00$ContentPlaceHolder1$lServer1$l" value="@Reset@" id="ctl00_ContentPlaceHolder1_lServer1_l" style="width:100px;" />
    </div>

Answer 1

您的样式类FieldsetButtons包含什么？我的猜测是你的CSS中有些东西搞砸了。也许可以考虑使用Firebug来确定影响这些按钮布局的样式。

Answer 2

你可以在里面使用表格并在其中创建一个包含3列的单行...

`

Answer 3

我认为meta：resourcekey标签正在生成div，以便能够从资源文件中应用样式，但我还没有测试过这个理论。您是否尝试过不使用meta：resourcekey标记的测试来查看div是否消失了？

Answer 4

将它们全部向左或向右浮动。

将此添加到您的样式表：

.FieldsetButtons div {float:right;width:100px;}

这将使所有子div水平对齐，并且应该是浏览器友好的。

ASP按钮正在创建DIV标记，并且没有在线对齐

4 个答案: