ASP.Net вертикального выравнивания элементов управления в панели

У меня есть панель со следующим:ASP.Net вертикального выравнивания элементов управления в панели

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

тексты («День» и «Час»), кажется, имеют различное вертикальное выравнивание по отношению к dropdownboxes

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

Как исправить это легко?

источник

2009-11-05 Nikhil

На Panel1 установлено вертикальное выравнивание для использования в верхней части текста, с 'стиле = "vertical-align: text-top;" атрибут. – devstuff

Я знаю, что видел это раньше, но теперь я не могу воспроизвести его с помощью фрагмента кода. Кроме того, вы намеренно устанавливаете высоту панели и выпадаете? Если нет, вы можете удалить их. – Greg

Вы пытались настроить вертикальное выравнивание с помощью атрибута стиля? http://www.w3schools.com/Css/pr_pos_vertical-align.asp

источник

2009-11-05 22:25:25

Это элементы управления ASP.Net, я не уверен, как вы можете применять стили CSS на них. – Nikhil

@Nikhil: добавьте атрибут 'style =" ... "'. Вы не получите Intellisense для этого, но он будет отображаться правильно. Вместо встроенных стилей, хотя вы бы лучше использовали свойство CssClass и поместили стили в таблицу стилей. – devstuff

Пробовал 'style' out, но даже после того, как вы пытались использовать различные параметры выравнивания, я не мог правильно его выровнять. – Nikhil

Это действительно это просто:

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

источник

2009-11-06 02:40:38 IrishChieftain

Это тоже не работает. – Nikhil

Вы на самом деле попробовали div, и если да, то какой браузер нам дает вам эту проблему? – IrishChieftain

Попробуйте формируя свои метки, как и добавить некоторые пробелы вокруг них. Это может быть упаковка.

источник

2009-11-06 02:47:22 tsilb

Одно решение, на которое я наткнулся, заключалось в том, чтобы заключить текст и DropDownLists в таблице с одной строкой и иметь отдельную ячейку для каждого текста/Dropbox. Работает как шарм.

источник

2009-11-06 06:23:47 Nikhil

Зачем использовать таблицу, когда SEO-дружественная разметка так же проста и бесплатна? – IrishChieftain

Нет! Пожалуйста, нет! Таблица-макет такой 1991. –

Не уверен, что вы пытались это или нет ...

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

источник

2012-03-22 22:28:04 coHobo

, что другой ответ были проблемы форматирования. Вот он снова.

Не уверен, что вы пытались это или нет:

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

источник

2012-03-22 22:35:01 coHobo

попробовать это, если вы еще " т

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

источник

2012-03-22 22:39:44 coHobo

Как-то атрибут стиля div не будет работать в FF и Chrome. Если это так, попробуйте выполнить вертикальное выравнивание по отдельным элементам. – coHobo

ASP.Net вертикального выравнивания элементов управления в панели

ответ

Смежные вопросы