Как визуализировать usercontrols в asp: панель по горизонтали? - PullRequest
Новая
       23

Как визуализировать usercontrols в asp: панель по горизонтали?

1 голос
/ 11 декабря 2011

У меня есть много пользовательских элементов управления, добавленных на панель asp :, но элементы управления отображаются вертикально, каждый новый элемент ниже предыдущего.Как отобразить элементы управления по горизонтали (с полосой прокрутки, если ширина элементов управления превышает ширину экрана)

Заранее спасибо

Ответы [ 3 ]

2 голосов
/ 11 декабря 2011
Элемент управления

ASP.NET Panel обычно визуализирует элемент <div> на стороне клиента. Вы должны добавить класс к нему: 

<asp:Panel CssClass='float-left'>

Тогда в CSS всплывают их: 

.float-left
{
   float: left;
}
0 голосов
/ 22 июня 2013

, так как html-парсер отображает пользовательские элементы управления в виде целого html-элемента, вам следует создать таблицу с нужными столбцами и строками и поместить свои пользовательские элементы управления в теги td. если количество ваших пользовательских элементов управления неизвестно и определяется кодом во время выполнения, вы должны создать таблицу asp: и добавить предварительно определенные ячейки и строки таблицы.

надеюсь, это поможет. С уважением. 

<table style="width:100%;">
    <tr>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC1" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC2" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC3" runat="server" />
        </td>
    </tr>
    <tr>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC4" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC5" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC6" runat="server" />
        </td>
    </tr>
    <tr>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC7" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC8" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC9" runat="server" />
        </td>
    </tr>
</table>
0 голосов
/ 11 декабря 2011

Вы можете добавить каждый пользовательский элемент управления в ячейку таблицы по горизонтали или установить / применить атрибут CSS display:inline к контейнеру пользовательского элемента управления.

...