Question

我有一个小组，其中包含以下内容：

<asp:Panel ID="Panel1" runat="server" Height="101px">
    Day
    <asp:DropDownList ID="DropDownList1" runat="server" Height="24px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
    </asp:DropDownList>
    &nbsp;Hour
    <asp:DropDownList ID="DropDownList2" runat="server">
    </asp:DropDownList>
</asp:Panel>

文本（“日”和“小时”）似乎与下拉框有不同的垂直对齐

alt text http://img215.imageshack.us/img215/115/paneld.jpg

如何轻松解决此问题？

Answer 1

我偶然发现的一个解决方案是将文本和DropDownLists包含在一个包含单行的表中，并为每个文本/保管箱添加一个单独的单元格。像魅力一样。

Answer 2

这真的很简单：

<div>
    Day
    <asp:DropDownList ID="DropDownList1" runat="server">
    </asp:DropDownList>
    Hour
    <asp:DropDownList ID="DropDownList2" runat="server">
    </asp:DropDownList>
</div>

Answer 3

不确定你是否尝试过这个......

<div style="vertical-align:top"> 
    Day 
    <asp:DropDownList ID="DropDownList1" runat="server" style="vertical-align:bottom"> 
    </asp:DropDownList> 
    Hour 
    <asp:DropDownList ID="DropDownList2" runat="server" style="vertical-align:bottom"> 
    </asp:DropDownList>  
</div>

Answer 4

您是否尝试使用样式属性调整垂直对齐？ http://www.w3schools.com/Css/pr_pos_vertical-align.asp

Answer 5

尝试将标记形成为或在其周围添加一些空格。它可能是包装。

Answer 6

其他答案有格式问题。这是它。

不确定你是否尝试过：

<div style="vertical-align:top"> 
  Day 
  <asp:DropDownList ID="DropDownList1" runat="server" style="vertical-align:bottom"> 
  </asp:DropDownList> 
   Hour 
  <asp:DropDownList ID="DropDownList2" runat="server" style="vertical-align:bottom"> 
   </asp:DropDownList> 
</div>

Answer 7

如果你没有

，试试这个

<div style="vertical-align:top">
Day 
<asp:DropDownList ID="DropDownList1" runat="server" style="vertical-align:bottom">
</asp:DropDownList>
Hour 
<asp:DropDownList ID="DropDownList2" runat="server" style="vertical-align:bottom>
</asp:DropDownList>
</div>

ASP.Net垂直对齐面板中的控件

7 个答案: